How do I get the height of my fields to display properly on the mobile?

  • helfung
    Asked on August 27, 2015 at 5:11 PM

    Hi,

    My form doesn't display properly on mobile devices. Some of the fields are normal height, others are very small. It looks fine on the computer, how do I get it to look good on all the mobile devices as well?

     

    Cheers,

    Helen

    Jotform Thread 649462 Screenshot
  • Charlie
    Replied on August 27, 2015 at 9:39 PM

    Hi,

    Could you try the following:

    1. First, set an acceptable height using the Form Designer:

    How do I get the height of my fields to display properly on the mobile? Image 1 Screenshot 30

    2. Then paste this custom CSS code under the CSS tab:

    .form-textbox {

        height: inherit !important;

    }

    How do I get the height of my fields to display properly on the mobile? Image 2 Screenshot 41

     

    3. After that, follow this guide on how to make your form mobile responsive: https://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive 

    I cloned your form and made the same changes I mentioned, here's how it looks like: http://form.jotformpro.com/form/52388980134967? 

     

    Let us know if that works.

  • helfung
    Replied on August 27, 2015 at 9:52 PM

    Hi Charlie,

     

    Thanks so much! That's perfect! Thanks so much for your help! It looks so much better now. :D

     

    Kind regards,

    Helen

  • Charlie
    Replied on August 27, 2015 at 10:32 PM

    You're welcome, Helen. Glad to hear that it worked.

    Should you need any assistance again, please do not hesitate to contact us here in the forum.

    Thank you.