Columns Same Height - Pro

[Jimmmmmer]

Hi There

Do I have to use css for this or is there an option in the settings. All the support queries seem to be 2017 and a lot has changed since then and since this is a much required feature I wondered if it had been built in anywhere.

Many thanks.

[thai]

Hi There,

Please add the my-section class to your section:

After that add this custom CSS:

@media (min-width: 768px){
.my-section .x-container {
    display: flex;
}
.my-section .x-container .x-column {
    background: #52b648;
    vertical-align: middle;
}
}

Hope it helps

[Jimmmmmer]

Thanks Thai

That has made the boxes same size on desktop. However on mobile the boxes are still different sizes - is that what is intended by the css above. I guess it means that some boxes wont have lots of spare space around!

[thai]

Hi There,

Please update the previous CSS to this:

.my-section .x-container {
    display: flex;
}
.my-section .x-container .x-column {
    background: #52b648;
    vertical-align: middle;
}

Let us know how it goes!