make submit button responsive / full width

Hi,

Could you please send the URL address of the page where the form is published? We will have a look as soon as possible and suggest a quick CSS solution.

Thank you!

Have a nice day!

Hi @hdd,

Thanks for the link.

Please add the below code in Appearance > Customize > Additional CSS section, clear website, and browser caches and check again.

@media screen and (max-width:480px){
.fm-form-container.fm-theme21 .fm-form .button-submit{
   width: 100% !important;
}
}

Dear @hdd,

Please replace the above code with this one and check again:

@media screen and (max-width: 480px){
.fm-form-container.fm-theme21 #form11.fm-form .button-submit {
   width: 100% !important;
}}

Hi @hdd,

I have just checked the form and it works OK from my end.

Can you please send me a screenshot to see the issue, also, please write on which device and browser you test the issue.

Hello @hdd,

Please add this code in Appearance > Customize > Additional CSS section, clear website, and browser caches and check again.

.fm-form-builder .wdform_row{
max-width: 100%;
}

Great @hdd !

Thanks for getting back to me.

Hi @amanzimtotihomes,

Please add this code in Appearance > Customize > Additional CSS section, clear website, and browser caches and check again.

@media screen and (max-width: 480px){
#form7 .button-submit {
   width: 100% !important;
}}