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

    Responsive form not displaying correctly

    Asked by mattconroy on May 07, 2015 at 07:16 AM



    We have a responsive form that is not displaying correctly on iphone. on ipad, laptop and desktop it is fine. Any suggestions as to why this might be? Please see attached screenshot showing issue.





    Page URL:

  • Profile Image
    JotForm Support

    Answered by Chriistian on May 07, 2015 at 09:20 AM

    Hi mattconroy,


    Thanks for contacting us.


    I am able to replicate your issue in iPhone 4 & iPhone 5 (Portrait). You form seems to have a large margin as well as padding. To resolve this, you need to inject custom CSS. Please see CSS and steps below.


    CSS Snippet

    .form-section, .form-section-closed {

    margin: 0px !important; // this can be adjusted to suit your need


    .form-section {

    padding: 0px !important; // this can be adjusted to suit your need





    1. Open your form in Edit mode and click Setup & Embed.

    2. Click Preferences.

    3. Open Form Styles tab.

    4. Go to Inject Custom CSS and insert the CSS snippet given above.

    5. Click Close Settings.


    I cloned your form and here is how it looks on iPhone (Portrait) from my side.



    I hope that helps. Thanks.