Form is not mobile responsive

  • Profile Image
    Dannilee
    Asked 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

  • Profile Image
    Jan
    Answered 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
    Dannilee
    Answered 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
    Sammy
    Answered 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