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

    How to make my form mobile responsive?

    Asked by hansfahden on January 21, 2017 at 12:56 PM

    Hello

    The booking form we created looks good on our desktop site, but the mobile version is not previewing properly.

    It is very large and slides around all over the place making it user-UNfriendly.

    Screen shot attached for reference.

    Any thoughts on how we can quickly remedy this?

    Page URL:
    http://www.calistogawinetour.com

    Screenshot
  • Profile Image
    JotForm Support

    Answered by John_Benson on January 21, 2017 at 03:14 PM

    Please try adding the Mobile Responsive widget to your form. Here's how:

    1. Go to the Widgets tab.
    2. Search for Mobile Responsive in the search bar.
    3. Select the Mobile Responsive and drag it to the bottom of your form. After that, save your form.

    Hope that helps. Let us know if you need further assistance. Thank you.

  • Profile Image

    Answered by hansfahden on January 24, 2017 at 09:41 AM

    Thanks John

    This does remedy the issue on mobile site. 

    However, now we have an issue on desktop site. See the attached screen grabs comparing form preview in Chrome on a MAC and form preview on a PC. 

    Margins look good on MAC but fields run to edges on PC.

    Any thoughts? 

  • Profile Image
    JotForm Support

    Answered by Welvin on January 24, 2017 at 11:48 AM

    I've fixed it. Can you check again? I have removed the responsive widget and added a custom CSS for mobile. Let us know if the layouts are still not responsive.