What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    My form is not mobile responsive on iphone.

    Asked by Advolink1 on July 07, 2017 at 08:12 PM

    Can you please tell me why my form is not responding to mobile responsive widget on first page of form?  I am using Iframe Embed widget and also, Mobile Responsive Widget placed at bottom of page.

    Thank you for your assistance.

    Denise

    Page URL:
    https://form.jotform.us/71868671316162

  • Profile Image
    JotForm Support

    Answered by jonathan on July 08, 2017 at 12:15 AM

    I see the issue as well when I test your form on mobile browser.

    Please allow me some more time to check and fix it on your form. I'll be back shortly.

  • Profile Image
    JotForm Support

    Answered by jonathan on July 08, 2017 at 01:58 AM

    I found that the iframe embed height was the one causing the issue.

    Try setting the height property to 285 only.

    It work on my test form https://form.jotformpro.com/71881181972969

     

    Let us know if this did not work for you.

     

  • Profile Image

    Answered by Advolink1 on July 08, 2017 at 10:07 AM

    Thank you.  That works great; however, now the computer version is truncated.  Check it out!  Any way around this?

    I appreciate your diligence in helping me solve this issue!

    Denise

  • Profile Image
    JotForm Support

    Answered by Jim_R on July 08, 2017 at 04:25 PM

    Hello Denise, inject the following CSS codes to the first iFrame Embed Widget on your form's 1st page:

    iframe {

      height: 504px !important;

    }

    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

      iframe {

        height: 285px !important;

    }

    Related guide: How-to-Inject-CSS-Codes-to-Widgets 

    This should take care of the height for both desktop and mobile.

  • Profile Image
    JotForm Support

    Answered by Jim_R on July 08, 2017 at 04:27 PM

    Sorry I missed a closing } bracket. Here's the correct one:

    iframe {

      height: 504px !important;

    }

    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

      iframe {

        height: 285px !important;

      }

    }

  • Profile Image
    JotForm Support

    Answered by John_Benson on July 13, 2017 at 04:06 AM

    It seems the reply to this thread didn't reach the Support Forum. For us to view the reply, please open this thread: https://www.jotform.com/answers/1194166 on a browser and post the reply again.

    Thank you.