Jotform iFrame not showing on mobile

Hello Tyler,

Thank you for reaching out to Jotform Support. I would suggest you try and change the dimensions of the form first. Kindly refer to these guides also to learn more about iFrame embeds and how to customize them:

• Getting the Form iFrame Code
• Which Form Embed Code Should I Use
• iFrames: Adjusting Width for Responsive Sites

You may also preview your form first before publishing it to see how it would look like on your phone, tablet, or computer.

Give it a try and let us know how it goes.

Hi Tyler,

Thanks for reaching out to Jotform Support. I've viewed your website on my Android phone and the form was displayed correctly. The same result is if I switch to landscape mode.

If the issue still persists, please try it on a different device. The display of the form is mostly resolved when clearing the browser cache and site data. If your test on a different device works fine, you may need to clear the cache of your mobile browser.

Keep us updated and let us know if you need any more help.

Hi Tyler,

Thanks for getting back to us. Actually, it's because of the size of the HTML element section you have embedded Iframe in. Can you please with the scrolling option turned ON increase the height to 1040px.

Replace the 539px with 1040px in the below mentioned iframe code in your embedded website.

<iframe

   id="JotFormIFrame-211468205805150"

   title="General Inquiry Contact Form"

   onload="window.parent.scrollTo(0,0)"

   allowtransparency="true"

   allowfullscreen="true"

   allow="geolocation; microphone; camera"

      src="https://form.jotform.com/211468205805150"

   frameborder="0"

   style="

   min-width: 100%;

   height:1040px;

   border:none;"

   scrolling="yes"

  >

  </iframe>

Give it a try and let us know how ut goes.

Thanks for getting back to us. Please allow us more time to review this. We'll get back to you as soon as possible.

If you have any other questions, just let us know.

I'm sorry for the late response. Kindly insert the following code within the iFrame code.

onload="self.scrollTo(0,0)" 

Below is what it should look like.

<iframe onload="self.scrollTo(0,0)" id="JotFormIFrame-211468205805150" title="General Inquiry Contact Form" onload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/211468205805150" frameborder="0" style=" min-width: 100%; height:539px; border:none;" scrolling="no" > </iframe>

Give it a try and let us know how it goes.