Adjust Form Button Size and Position On Mobile View

Hi, I would like to reducea little bit and center the red "continue" button, Always looks to the right as the photo I atached.

I appreciate your help

Hi Santiago,

Thanks for reaching out to Jotform Support. You can adjust the next button size and position in mobile view by injecting custom CSS codes into your form. Let me show you how to do it:

1. First, copy this code:

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

  #form-pagebreak-next_32 {

    display: inline-block !important;

    width: auto !important;

    min-width: 150px !important;

    font-size: 16px !important;

    padding: 10px 20px !important;

    margin-left: -20px;

  }

button#form-pagebreak-back_32 {

    position: relative!important;

    left: 80px!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 CSS Code box. That’s it. The code is automatically saved.

Here's the result after injecting custom CSS:

Feel free to reach out if you need any more adjustments to your form.

Let us know if you have any other questions.