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,

The form on the right side, same issue with another form on the homepage.
https://www.temporary-url.com/BACC

thanks in advance

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;
}
}

Doenst work, no changes.

• This reply was modified 5 years, 2 months ago by hdd.

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;
}}

This is working, thank you.

But how can i also make the button responsive on the homepage? This is a different form.

https://www.temporary-url.com/C02

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.

Iphone, safari browser. Its also not responsive in Google chrome

https://ibb.co/Sc45tCB

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%;
}

This is working! Thanks alot for your help.

Great @hdd !

Thanks for getting back to me.

I also need help with this please.

https://frankandmike.co.za/seo/

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;
}}