let calculateBodyOffset = () => { let headerParent = document.querySelector("[data-header-offset]"); let vueApp = document.getElementById("vue-app"); let headerHeight = 0; let allHeaderChildrenHeights = []; Array.from(headerParent?.children).forEach(element => { let elementHeight = 0; // skip elements with the data attribute "data-scroll-void" and interpret their height as zero if (!element.dataset.hasOwnProperty("scrollVoid")) {elementHeight = element.getBoundingClientRect().height;} allHeaderChildrenHeights.push(elementHeight); headerHeight += elementHeight; }); vueApp.style.marginTop =headerHeight + 'px'; }; window.onload = function() { if (window.innerWidth < 992) { // Media in mobile document.getElementById("menu-mobile-mw").classList.add("unfixed"); }else{ // Media desktop document.getElementById("menu-mobile-mw").classList.remove("unfixed"); } }; window.addEventListener('resize', function (){ if (window.innerWidth < 992) { // Media in mobile document.getElementById("menu-mobile-mw").classList.add("unfixed"); // Calculate offset only if the user has scrolled down from the top if(window.pageYOffset > 0 || (window.pageYOffset === 0 && document.getElementById('page-header').classList.contains('fixed-top') )){ calculateBodyOffset(); } }else{ // Media desktop document.getElementById("menu-mobile-mw").classList.remove("unfixed"); // Calculate offset only if the user has scrolled down from the top or calculate if it is at the top and the header has been scrolled previously, meaning that it has the class fixed-top if(window.pageYOffset > 0 || (window.pageYOffset === 0 && document.getElementById('page-header').classList.contains('fixed-top') )){ calculateBodyOffset(); } } })