How do I make the WPForms button wider on mobile?
- Thread starter DonPirate
- Start date
hideath
Elite Member
- Jun 16, 2019
- 6,620
- 7,370
Took me a couple of seconds to search, please use Google, it could be useful ^^
Here you go:
Adjust as you want
Here you go:
Code:
@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;
}
}
MrWung
Newbie
- Oct 26, 2024
- 5
- 6
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
Newbie
- Nov 30, 2022
- 44
- 20
I searched for a solution, applied the code in the CSS, and it didn’t work. That’s why I’m asking
hideath
Elite Member
- Jun 16, 2019
- 6,620
- 7,370
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
BANNED - Failed to resolve a dispute
- Dec 8, 2006
- 2,857
- 339
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.