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.


  • Profile Image

    My forms are not responsive on my website when accessed over a phone

    Asked by Dannilee on July 13, 2015 at 04:04 PM

    Hi

    My form http://www.lm-lakeland-design.co.uk/General_Enquiry.html

    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?

    Thanks

    D

    not responsive form not responsive
  • Profile Image
    JotForm Support

    Answered by BDAVID on July 13, 2015 at 05:10 PM

    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.

  • Profile Image

    Answered by Dannilee on July 27, 2015 at 04:04 PM

    Hi

     

    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

     

    Thanks

    D

     

    PS I have responsive checked in both those places

  • Profile Image

    Answered by Ben on July 27, 2015 at 06:12 PM

    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.

  • Profile Image

    Answered by Dannilee on July 27, 2015 at 06:26 PM

    Hi

    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.

  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on July 28, 2015 at 12:21 AM

    Are you using a Mobile Browser to test the preview? The best way would be to fully open the form using a mobile browser.