Form Alignment On Mobile (Portrait Orientation)

Dear Jotform,

My form not look so good on mobile with portrait orientation. But, everything look good on other devices (tablet & desktop).

I cannot find any setting for changing the alignment on mobile device. Please assist me.

Thank you.

Please add the below CSS code to your form and it will be aligned o center.

.form-all {

       margin: auto !important;

}

Here is a guide that will help you to inject CSS code to your form: How-to-Inject-Custom-CSS-Codes

Below is a screenshot from the form preview.  I have also cloned your form and injected the above CSS code to the same. Here is the link to the cloned form: https://form.jotform.com/92514074948969

Let me know if you have any questions or need any further help from our end.

Hi,

Thank you for your quick response. As you can see, header background colour also not covering full form width on mobile view (portrait). How can I make it full covered?

Really appreciate your help.

Please add the below CSS as well:

@media only screen{

.form-input-wide{

width: 111%;

margin-left: -15px;

}

}

Let me know if you need any furthr help fform our end.

Hi,

Just try the css but its not working. Anyway, thanks for the help.

Hello, 

The suggested codes worked fine from my end. You can try injecting the CSS code into the form. Please, do not forget to click the SAVE button after to implement the modification. 

See image of the CSS code injection below: 

And this was the result: 

Please, try it out and let us know how it works for you. 

Thanks.