How to fix narrow form on mobile

Hello,

For some reason one of my forms looks narrow on mobile view. I've attached screenshots for reference. "Day & Knight Chess Club.." form is narrow compared to "Virtual Classes.." form. Please advise.

Hi dayknightchess,

Thanks for reaching out to Jotform Support. We’ll need a bit of time to look into this. We'll get back to you as soon as we can.

We appreciate your patience and understanding in this.

Hi dayknightchess,

You can add the following code into your form to resolve this:

1. First, copy this code:

/* Fix narrow form in mobile view - Ticket #26557491 */

 ul.form-section {

 padding: 0px 10px;

}

}

/* Ends here */

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Here is what it will look like once the code is added:

Give it a try and let us know if you need more help.