How to make columns keep equal height?

Support
#1

Hi, I have a row with 2 columns.

The 1st column has a classic Revolution Slider, which is responsive. So far so good. The 2nd column has 4 buttons, a row (with 3 columns containing a button, social media, social media) and finally another classic Revolution Slider.

I have set up a responsive breakpoint that will stack all elements of the 2 columns into a single column when viewed on a device.

My question is it possible to make columns keep to an equal height when viewed on different desktop/laptop configurations?

#2

Hello @fd_admin,

Thanks for writing in! To have the same column height, please make use of the new Section, Row and Columns element. The flexbox option layout in the row settings will make sure that the columns have the same heights. Can you please share the URL of the page in question?

Regards.

#3

Thanks for your reply RueNel.

I’m still trying to get my head around the Flexbox options (I’m not a coder and have limited understanding on HTML).

Dev site here… https://staging3.startnow.co.nz/home-2020/

#4

Hello @fd_admin,

You do not have to code anything. The options are already there in the row and column settings.
I would highly recommend that your check out our video tutorials which may help create more complex layouts.

Please do not forget to check out our other videos:

And subscribe to our channel for more updates, tips and how to videos.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.