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.
How to make my form mobile responsive?Asked by hansfahden on January 21, 2017 at 12:56 PM
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?
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.
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.
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.