Min-height for main content area

content-minimum-height.js

// Calculate

(function ($) {
  // Bind to the resize event of the window object
  $(window)
    .on("resize", function () {
      let wpadmin;
      if ($("#wpadminbar")) { // in case WP admin bar is present
        wpadmin = $("#wpadminbar").height();
      } else {
        wpadmin = 0;
      }
      let footer = $("footer").height();
      let header = $("header").height();
      let screen = $(window).height();

      // Set min-width of main element to:
      // screen height - (footer, header, and maybe admin bar)
      $(".content").css(
        "min-height",
        screen - (footer + header + wpadmin)
      );
      // Invoke the resize event immediately
    })
    .resize(); // run resize immediately
})(jQuery);