Docs

[Nicholas]

I’m attempting to achieve this effect (in my screenshot) in which buttons stay centered at the bottom of columns even as device width changes. What’s the best way to do this?

URL and login credentials to follow

[Nicholas]

This reply has been marked as private.

[Rad]

Hi there,

Thanks for writing in.

First, you should remove this from inline CSS,

width:20% !important;

You should use @media and CSS if you wish to apply the width. Adding it to inline style will restrict its size while not being responsive. For example,

@media ( min-width: 980px ) {
.x-btn.uniform-button {
width:20% !important;
}
}

Then just add uniform-button to your button’s class input.

Then same to the text content, you can use min-height to push the button aligned together.

@media ( max-width: 979px ) {
.x-text.uniform-text {
min-height: 600px; !important;
}
}
@media ( max-width: 767px ) {
.x-text.uniform-text {
min-height: 0px; !important;
}
}

Then just add uniform-text to the text’s class input.

Hope this helps.

[Nicholas]

Fixed my issue. Thanks for the reply

[Rue Nel]

You are most welcome!
If you need anything else we can help you with, please let us know.

[Author]

Posts