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

    Why my form is not mobile responsive?

    Asked by lesAS on February 11, 2017 at 10:29 AM
    Page URL:
    www.lesasdelareussite.com

  • Profile Image
    JotForm Support

    Answered by Nik_C on February 11, 2017 at 11:46 AM

    I assume that you're referring to this form:

    I added a Mobile responsive widget to your form, please check and let us know if it works as intended now?

    We'll wait for your response.

    Thank you!

  • Profile Image

    Answered by lesAS on February 12, 2017 at 02:17 PM

    I have check and from my cellphone it is not working. I see half of my form (larger).

  • Profile Image
    JotForm Support

    Answered by Jan on February 12, 2017 at 05:51 PM

    I was able to replicate the issue. Please give me more time to work on this problem. I will contact you once I have a solution. Thank you.

  • Profile Image
    JotForm Support

    Answered by Jan on February 12, 2017 at 06:46 PM

    Thank you for waiting. Please try the following steps:

    1. In Form Builder V4, click the "Form Designer" button at the right.

    2. Scroll down and click the "Advanced Designer" button.

    3. Go to the "Form Layout" section and enable the "Make this form responsive" option.

    4. After that, go to the "CSS" tab and paste the CSS code below:

    @media only screen and (max-width: 40em){
        .form-line.form-line-column {
            margin-left : 0px !important;
        }
        img.headerimg.pngfix {
            text-align : left !important;
        }
        tr {
        text-align: left !important;
        }
        .wordwrap .pspan {
        text-align: left !important;
        }
        .wordwrap .ispan {
        text-align: left !important;
        }
        #header {
        margin-left: 0px !important;
        margin-right: 0px !important;
        }
        .pagemargins {
        padding-left: 0px !important;
        padding-right: 0px !important;
        }
    }

    Here's the result:

    Hope that helps. Thank you.