Equal column height?

[waynepatt58]

how can I set my columns to be equal heights? I also want to get rid of the gap in between the 2 rows in the picture

These are all flip cards (they rotate when hovered over)

[mldarshana]

Hi There @waynepatt58

Thanks for writing in! I have checked the site URL assigned to your license, but I could not locate the exact page URL.

Try following our guide here (https://theme.co/apex/forum/t/code-snippet-make-all-columns-equal-height/272). If you encounter any issues, provide us with the exact URL to your reference page to check your issue.

Thanks!

[waynepatt58]

hello, I tried all those options and nothing worked. have attached URL in secure note

[thai]

Hi There,

I’ve changed the code to this:

jQuery(document).ready(function($) {
	setTimeout(function(){
		var max = 0;
		$(".equal-height .x-card-inner").each(function(index, el) {
			if( $(this).height() > max ){
				max = $(this).height();
			}
		});
		$(".equal-height .x-card-inner").css('height', max);
	}, 2000);
});

Everything is working fine

Cheers!

[waynepatt58]

Thanks but I still cannot get it to work at my end, I have cleared the cache but columns are still not equal.

[thai]

Hi There,

Could you please take a look again?

I had to add the equal-height class to rows instead of section.

Regards!