How do I make my form mobile responsive?

  • babystudy
    Asked on June 20, 2015 at 3:51 PM
    I have various problems when viewing my form on different screens:

    - 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

  • David JotForm Support Manager
    Replied on June 20, 2015 at 9:50 PM

    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:

    How do I make my form mobile responsive? Image 1 Screenshot 50

    Then I change the property of the width of your headers and footers to 100% instead of 700px:

    How do I make my form mobile responsive? Image 2 Screenshot 61

    How do I make my form mobile responsive? Image 3 Screenshot 72

    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:

    How do I make my form mobile responsive? Image 4 Screenshot 83

    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.