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.
My form disappears on a mobile device.Asked by HammondSummer on October 08, 2014 at 10:55 AM
I have it embedded as an iframe on my website. I have taken the script out like you said on one of the posts. Nothing seems to work. When you go to the page on a mobile device it comes up and disappears right away. Help.
I did check your web page where you have embedded your form and I am unable to replicate the issue you are having. Your form does load fine when I checked it in my iPhone device. Please check the screenshot below:
Which mobile device and browser are you using? Do let us know and we will take a look.
We will wait for your response.
We have looked at it on an iPhone, Android, Samsung tablet and iPad. Not sure why it will not stay up on the screen when we pull it up. I even went to the full site on my tablet and it still will not show up. Any idea what causes this?
Do you experience this also in the standalone version of the form?
I also could not replicate this situation.
Please try embedding using this code:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/42734372706961" frameborder="0" style="width:100%; height:1770px; border:none;" scrolling="no"></iframe>
Let us know if the problem persists.
It is still not working on a mobile device. It comes up for a few seconds and then disappears. I have not had this happen on any other forms that I have done. The stand alone version works, it is only the embedded version.
I can not see the reason why it would be hidden for you neither.
What I would like to suggest is next:
Try commenting out media query that are targeting iPhone/iPad such as the CSS code after this one:
@media only screen and (orientation: landscape)
this is in your grid.css file. While these styles can not impact what is in the iframe they can hide some element that is holding the iframe and hence hide it as well.
If the jotform is shown to you once you disable this let us know so that we can further inspect and help you find the exact style that makes it hidden for you.
Now if this does not help I always suggest adding our Mobile Responsive widget to the jotform when using it on mobile devices.
Please try both of the suggestions and let us know how it goes for you.