[Resolved] Stretch button in mobile?

[Andy]

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.

View post on imgur.com

Thank you,
Andy

[Leo]

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 🙂

[Andy]

Please check the hidden link now (on your mobile device). Thanks!

[Leo]

Try this CSS:

@media (max-width: 768px) {
    a.gb-button {
        flex: 1;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Andy]

Hey Leo, I added that, please check, it did not work.

[David]

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

[Andy]

Hell yes! Thank you

[David]

Glad to be of help

[Author]

Posts