Equal height columns

// equal height columns // sets height of columns (.equalheight-col) basing on height of container (.equalheight-row) equal_height_row = function () { var $rows = $('.equalheight-row'); $rows.each(function () { $(this).find('.equalheight-col').height('auto'); }); var bodyWidth = $(window).width(); if(bodyWidth > 767){ $rows.each(function () { $(this).find('.equalheight-col').height($(this).height()); }); } }; equal_height_row(); $(window).on("resize", equal_height_row);
Sets height of columns (.equalheight-col) basing on height of container (.equalheight-row) and updates it on window resize.

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.