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

    Form is not mobile responsive

    Asked by Dannilee on April 25, 2015 at 06:49 AM

    Hi

    I have the responsive option checked but it is not working, please can you take a look and advise me?

    http://form.jotformeu.com/form/51143381880352

     

    Thanks

    D

    not responsive mobile responsive mobile device responsive mobile ready
  • Profile Image
    JotForm Support

    Answered by Jan on April 25, 2015 at 12:06 PM

    Hi there,

    Can you please apply these custom CSS code.

    .form-line { margin-left: 0px !important; }
    .form-line { padding: 8px 8px !important; }

    #header_29 { margin-left: 0px !important; }

    Here's a guide on how to inject CSSAfter that, please look for .form-submit-button, .form-submit-reset, .form-submit-print selector. Please change the position to static, top and left are 0px. It should look like the code below.

    .form-submit-button, .form-submit-reset, .form-submit-print {
    position : static !important;
    left : 0px !important;
    top : 0px !important;
    }

    Hope this works. Thank you.

  • Profile Image

    Answered by Dannilee on April 27, 2015 at 09:59 PM

    Thanks, I redid the form:

    http://form.jotformeu.com/form/51166423605349

    However is it possible to make the text input boxes a little wider, it look like it fills the screen in preview much more than it actually does.

    Thanks

    D

     

  • Profile Image

    Answered by Sammy on April 27, 2015 at 11:52 PM

    Hi,

    You can make the form inputs wider by changing it in designer mode.

    Access the Form Layout Tab and change the highlighted fields to your desired width, you can also adjust the maximum width of the form to cater for your width changes.

    Use the preview button to test your width changes.

     

    Hope this addresses your inquiry.

     

    Thanks