WordPress

function setMainHeight() {
     $headerHeight = $("#header").height();
     $alertHeight = $("#alert-messge").height();
     $footerHeight = $("#page-foooter").height();
     $windowHeight = $(window).height();
     $mainHeight = $windowHeight - ($headerHeight + $alertHeight + $footerHeight);
     console.log($mainHeight);
     $("main").css("min-height",$mainHeight);
     }
 jQuery(document).ready(function () {
     var $ = jQuery;
 setMainHeight(); }); $( window ).resize(function() {
 setMainHeight();
 });

Leave a comment