jQuery header functions for making header sticky and moving the content down to match the responsive (variable) height

responsive-header-functions.js

// Because the header changes height based on the variable height of the logo, position of the social box and height of the mobile menu
// Changes top margin of main content on resizing browser width
// Uncomment console.logs to check values against element heights

$j=jQuery.noConflict();
$j(window).on("load resize", function () {
  if (window.innerWidth > 600) {
    var headerHeight = jQuery(".header").height();
    var navHeight = jQuery(".menu-container").outerHeight();
    var combinedHeight = headerHeight + navHeight;
    //  console.log(combinedHeight);
    jQuery("div.boxed").css("margin-top", combinedHeight);
  }
  else {
    var headerHeight = jQuery(".topbar").height();
    // console.log(headerHeight);
    jQuery("div.boxed").css("margin-top", headerHeight);
  }
});
// Sticky Header Class Added and Header Resize
$j(window).on("scroll touchmove", function () {
  $j('.fixed-header').toggleClass('sticky-header', $j(document).scrollTop() > 30); 
});