Same height - Xthemepro

Hi,

I’m trying to make the columns in my xtheme pro the same size. I’ve found old answers for the normal theme, but can’t seem to get it to work on my pro account. Any ideas?

Hi there,

Thanks for writing around! Please follow this https://theme.co/apex/forum/t/code-snippet-make-all-columns-equal-height/272 make sure you change the section’s ID in the code.

Hope this helps!

That doesn’t seem to have worked i’m afraid. it is section two, so i changed to the below. Is that right?

jQuery(document).ready(function($) {
var max = 0;
$("#x-section-2 .x-column").each(function(index, el) {
if( $(this).height() > max ){
max = $(this).height();
}
});
$("#x-section-2 .x-column").css(‘height’, max);
});

Hi There,

Click on the customize tab of your section, you will find the customize tab on the top right of the left tab.

And add the ID: x-section-2

Let us know how it goes.

Remember IDs can be used just 1 time.

Thanks

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