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 forms are not responsive on my website when accessed over a phoneAsked by Dannilee on July 13, 2015 at 04:04 PM
Is not displaying correctly on my phone, it is not adjusting and is therefore over runiing the footer.
Please can yu advise how to fix this?
The page is password protected:
Make sure to enable both responsive options as explained on this guide: https://www.jotform.com/help/322-How-To-Make-Mobile-Friendly-Forms-on-JotForm
Let us know what happens, we will be glad to assist you.
Sorry I forgot about that, my site is now live and I have 3 forms, not of which are adjusting on mobiles.
This is one
PS I have responsive checked in both those places
Looking at your website, it seems that it is not mobile responsive, so I presume that you have a mobile and desktop versions of your website.
Could you please give us the link to the mobile version of the same page so that we can check it out?
Also, I am mentioning this since it might be connected due to the browsers on mobile not being as strong as the desktop browsers. Please note that the page you have linked to has a lot of HTML bugs, which will turn your website to be rendered in quirks mode.
Doing so it means that even the browser will not guarantee the layout, it will only try to do as much as possible, so this might be the reason why you are experiencing these issues.
To check what I mean, do take a look at the source and see the head stopping pre-maturely since the footer element (part of a body gets written in it (head):
<div style="position:absolute; height:400px; width:100%; top:1143px; left:0px; z-index:1; background:#24005d url('Footer.png') repeat-x;"></div>
The comment before the doctype could also cause issues.
Can you please correct these and see if the same issue is still present? If it is, it would be great if you could:
1. give us the screenshot of the issue as you see it
2. let us know the phone that you are using so that we can see if we can match the same during our tests
3. let us know the URL for the mobile version of your page so that we can access it over mobile and non mobile devices.
I am not looking at the form on my site, I am using jotform preview and selecting the first phone icon and it is not responsive there.
JotForm Support Manager
Are you using a Mobile Browser to test the preview? The best way would be to fully open the form using a mobile browser.