JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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 do I make my form mobile responsive?Asked by babystudy on June 20, 2015 at 03:51 PMI have various problems when viewing my form on different screens:Page URL:
- Some of the text spills over the edge
- The header spills over
- The footer is tiny
I've already have th seating oon responsive but still have the issues I've described
Please try my cloned version of your form: http://form.jotformpro.com/form/51708264357964?
There was a lot of CSS injection which was causing the problems with the responsiveness, so I decided to remove it, and start customizing the line spacing and vertical padding of the form with the form Designer feature:
Then I change the property of the width of your headers and footers to 100% instead of 700px:
What I did also was to disable the responsive options at the settings, and Designer feature, and simply use the Mobile Responsive widget, and this is how it looks now:
Feel free to clone my form in your account: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL
Hope this helps, let us know if you have more questions, we will be glad to assist you.