Archived topic
Stretch button in mobile?
7 replies · Started by Andy on April 3, 2020
Hi there,
I'm using GenerateBlocks.
Buttons look fine in Desktop.
How do I stretch it out (horizontally) in mobile? I've tried adding padding under spaces, but it just squeezes the text.
Thank you,
Andy
Hi there,
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know :)
Please check the hidden link now (on your mobile device). Thanks!
Try this CSS:
@media (max-width: 768px) {
a.gb-button {
flex: 1;
}
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Hey Leo, I added that, please check, it did not work.
Hi there,
select the Buttons Container:
https://docs.generateblocks.com/article/buttons-overview/#button-container
Then on the Mobile tab you can select the Fill Horizontal Space option
Hell yes! Thank you
Glad to be of help