Go to Forms → Settings → Custom CSS & JS, and at the Custom CSS (All devices) field add the following CSS code.
12 3 45 678 9 10 | .quform-element-1_2 { float: none; margin: 10px auto; width: 110px;} @media screen and (max-width: 767px) { .quform-element-1_2 { width: 100%; } } |
.quform-element-1_2 {
float: none;
margin: 10px auto;
width: 110px;
}
@media screen and (max-width: 767px) {
.quform-element-1_2 {
width: 100%;
}
}- On lines 1 and 7, replace
1_2with the Submit element unique ID - On line 4, adjust the
100pxnumber to the desired button width to perfect the alignment if needed - On line 6, adjust the
767pxnumber to the desired screen size that the button should become full width for better usability on mobile devices
