How do I make the WPForms button wider on mobile?

[DonPirate]

How do I make the WPForms button wider on mobile?

 

[hideath]

Took me a couple of seconds to search, please use Google, it could be useful ^^
Here you go:

@media only screen and (max-width: 767px) {
    div.wpforms-container-full .wpforms-form button[type=submit] {
        margin: 0 auto !important;
        display: block !important;
        width: 100% !important;
    }
}

Adjust as you want

 

[MrWung]

As said above, use css. If you struggle on exactly how or don't know how to tweak the CSS code or where to put it, I'd suggest asking AI for advice, such as ChatGPT or Gemini. Both have free versions. You can ask the AI to modify the code posted above to make the button even larger, slightly smaller or so. Nice and easy

 

[DonPirate]

Took me a couple of seconds to search, please use Google, it could be useful ^^
Here you go:

@media only screen and (max-width: 767px) {
    div.wpforms-container-full .wpforms-form button[type=submit] {
        margin: 0 auto !important;
        display: block !important;
        width: 100% !important;
    }
}

Adjust as you want

I searched for a solution, applied the code in the CSS, and it didn’t work. That’s why I’m asking

 

[hideath]

I searched for a solution, applied the code in the CSS, and it didn’t work. That’s why I’m asking

Inspect the element while using incognito mode and check whenever it's the correct element(s) class,
Clear the cache if you're using any caching plugin/service and double check afterwards

 

[kaizer]

How do I make the WPForms button wider on mobile?

View attachment 388072

To make the WPForms button wider on mobile, add custom CSS with width: 100%; for the button element to ensure it spans the full screen width.