1. write a below function in any .js file.

jQuery.fn.equalWidthify = function() {
            var widthest = 0; // keep track of the greatest height
            jQuery(this).each(function() { // for each element
                if (jQuery(this).width() > widthest) { // compare heights
                    widthest = jQuery(this).width();
                }
            });
                var ua = navigator.userAgent.toLowerCase(); 
            /*if (ua.indexOf('safari') != -1) { 
                    jQuery(this).width(widthest)
            } else{ */
            jQuery(this).width(widthest+1); // set new height
            /*}*/
        }

 

2. call above function and write css hierarchy or class name to make div of same width.

jQuery(window).load(function(){
    jQuery('.home .colsec2 .postcontent .postcat').equalWidthify();
});

 

Leave a Reply