Dynamic page content margin for fixed header

dynamic-margin.js

(function ($) {
    "use strict";

    // ========== Dynamic page content margin for fixed header JS Start ==========
    $(window).on('resize load', function () {
        var headerHeight = jQuery('#header').outerHeight();
        var pageContentWrap = jQuery('#page-content-wrapper');
        if(pageContentWrap.length){
            pageContentWrap.css('margin-top', headerHeight);
        }
    });
    
})(jQuery);