Creating Equal Height columns using the Page Builder

Equal Height Columns are useful if we want to have a Row element with more than one column inside with the same height. For example in one column we can set a Background Image and add some content on the other column. To make sure that both the Background Image and Content use the same height, the Equal Height option is used.

To enable the Equal Height option, edit your page with the FrontEnd Page Builder.

Hover your mouse over the Row element which will have the Equal Height option enabled.

Click the Edit Row button – it’s the Pencil Icon.

In the new Pop-up Window -> go to General Tab.

Find the Equal Height option and enable it.

Set the position of the content by using the Content Position option and then hit Save Changes.