plentyShop LTS

Währung

Sprache

Lieferland

Responsive Topbar document.querySelector('.menu-toggle').addEventListener('click', function() { var topbar = document.querySelector('.topbar'); topbar.classList.toggle('active'); var menu = topbar.querySelector('.menu'); if (topbar.classList.contains('active')) { menu.style.display = 'flex'; menu.style.flexDirection = 'column'; menu.style.position = 'absolute'; menu.style.top = '100%'; menu.style.right = '0'; menu.style.width = '90%'; menu.style.backgroundColor = '#b5322d'; } else { menu.style.display = 'none'; } }); // Add media query listener for initial load window.addEventListener('load', function() { var mediaQuery = window.matchMedia("(max-width: 768px)"); handleMediaQueryChange(mediaQuery); mediaQuery.addListener(handleMediaQueryChange); }); function handleMediaQueryChange(mediaQuery) { var topbar = document.querySelector('.topbar'); var menuToggle = topbar.querySelector('.menu-toggle'); var menu = topbar.querySelector('.menu'); if (mediaQuery.matches) { menuToggle.style.display = 'block'; menu.style.display = 'none'; topbar.classList.remove('active'); } else { menuToggle.style.display = 'none'; menu.style.display = 'flex'; menu.style.flexDirection = 'row'; menu.style.position = 'static'; menu.style.backgroundColor = 'transparent'; } }

TOP MARKEN