Make form look better in mobile

  • behedwin
    Asked on June 16, 2015 at 4:06 AM

    Hi

     

    I am making a very simple form where i want users to use an tablet or mobile to check in what items needs to be shopped for next meeting.

     

    I have just listed a few things and they tick in using a "spinner" how many items are needed.

    Then they submit.

     

    But when using a mobile it becomes very small.

    Turning on responsive form or using the mobile widget does not help.

     

    I want everything to be as big and clear as possible in a mobile.

    For example enlarge the spinners allot but keep text the same size.

    Page URL: http://www.jotformeu.com/form/51656073448359
  • Chriistian Jotform Support
    Replied on June 16, 2015 at 8:37 AM

    Hi behedwin, 

    Thanks for contacting us.

     

    Do you mean you want to adjust the height of the dropdown field in your form when viewing in mobile device? If so, you can inject this custom CSS code:

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

    .form-dropdown {

    height: 50px !important;

    }}

     

    To inject custom CSS code in your form, just follow the instructions in this article.

     

    Do let us know if you need further assistance.


    Regards.