Mobile Form - Submit Button

Hello!

On the mobile version of my form, the submit button does not adapt to the width on mobile and exceeds the form fields. How can I get it so that the submit button is full width with the rest of the form fields?

https://form.jotform.com/252095701304045

Hi Jack,

Thanks for reaching out to Jotform Support. When I checked your form, I found that there's already existing CSS codes in the form. When I test the form on mobile devices, it does not have the same issue reported. See the screenshot for reference:

Could you try again? Make sure to test on mobile browser.

Let us know if you need any more help.

Hi Jack,

To ensure also that the submit button will be mobile responsive on different devices, we can inject custom CSS in the form. Let me show you how:

1. First, copy this code:

/* mobile responsive form #29645291*/

@media screen and (max-width: 480px) {

    .jf-form-buttons.submit-button {

        min-width: 100px !important;

        width: auto !important;

    }

}

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 Custom CSS box. That’s it. The code is automatically saved.

You can also check out my test form here. The screenshot below shows the result:

Let us know if you need any more help.