Header

JavaScript is not running. The mobile menu will not work. document.body.insertAdjacentHTML('beforeend', '<div id="header-script-test" style="background:#dfd;color:#060;padding:0.5em;text-align:center;">Header script running</div>'); setTimeout(function(){ var testDiv = document.getElementById('header-script-test'); if(testDiv) testDiv.remove(); }, 2000); hamburgerBtn = document.getElementById('hamburgerBtn'); mobileMenu = document.getElementById('mobileMenu'); if (hamburgerBtn && mobileMenu) { hamburgerBtn.addEventListener('click', function(e) { e.stopPropagation(); mobileMenu.classList.toggle('open'); hamburgerBtn.setAttribute('aria-expanded', mobileMenu.classList.contains('open')); alert('Hamburger clicked!'); }); // Close menu when a link is clicked mobileMenu.querySelectorAll('a').forEach(link => { link.addEventListener('click', () => { mobileMenu.classList.remove('open'); }); }); // Optional: close menu on outside click document.addEventListener('click', function(e) { if (mobileMenu.classList.contains('open') && !mobileMenu.contains(e.target) && !hamburgerBtn.contains(e.target)) { mobileMenu.classList.remove('open'); } }); }