How To Create Equal Height Columns – make equal height blocks using jQuery

Use the following jQuery code to make equal height html columns. 

jQuery(document).ready(function(){
var highestBox = 0;
jQuery('.front-page-countertops-featured .vc_general.vc_cta3.vc_cta3-shape-square').each(function(){
if(jQuery(this).height() > highestBox){
highestBox = jQuery(this).height();
}
});
jQuery('.front-page-countertops-featured .vc_general.vc_cta3.vc_cta3-shape-square').height(highestBox);
});

Written by Al Mahbub Khan Full-Stack Developer & Adobe Certified Magento Developer

Full-stack developer at Scylla Technologies (USA), working remotely from Bangladesh. Adobe Certified Magento Developer.

Facebook