Form is not mobile responsive

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

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 CSS. After 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.

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

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