My form is not mobile responsive on iphone.

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

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.

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.

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

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.

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;

  }

}

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.