Equal Column Height Regardless of Content

I would like to have equal height for all columns regardless of content on the following page. I tried existing support info but it was not working for me. Thanks for your help.

link

Hi there,

Please try the code here:

But use the selector .el1 .x-column.

Hope this helps.

That certainly helped and thank you! But I encountered two issues: the text exceeds the column and in the mobile version, the three columns blend together to make one single block.

LINK

Hi there,

Please try to add a bottom margin to each column and update the JS code. Instead of using the height() method, try using .outerHeight().

Hope this helps.

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