My form is not mobile responsive on iphone.

  • Profile Image
    Advolink1
    Asked 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

  • Profile Image
    jonathan
    Answered 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
    jonathan
    Answered 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
    Advolink1
    Answered 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
    Jim_R
    Answered 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
    Jim_R
    Answered 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
    John_Benson
    Answered 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.