diff --git a/js/customElements/mainMenu.js b/js/customElements/mainMenu.js index 327fd3c3898aa6ef38ffcd8627204cdca8364b4d..a4fd1e20f9caf1e3507987f25668903cdcf96159 100644 --- a/js/customElements/mainMenu.js +++ b/js/customElements/mainMenu.js @@ -10,10 +10,10 @@ class MainMenu extends HTMLElement { menuContainer.className = "mainmenuContainer"; let burgerMenu = document.createElement("div"); - burgerMenu.id = "burgerMenu"; + burgerMenu.id = "burgermenu"; burgerMenu.onclick = () => { - document.getElementById("burgerMenu").classList.toggle("change"); + document.getElementById("burgermenu").classList.toggle("change"); document.querySelector(".mainmenuContainer").classList.toggle("visible"); } diff --git a/styl/lib/_menuMobile.styl b/styl/lib/_menuMobile.styl index 6d075cfebe55f9574c6034f2626d49e2f9f9951d..14e6ccec827677fdd7e4c6c8d6d765414982630e 100644 --- a/styl/lib/_menuMobile.styl +++ b/styl/lib/_menuMobile.styl @@ -26,6 +26,10 @@ } @media only screen and (max-width: $mobile-max-width) { + .dropdown:hover .navLink, .navLink:hover { + transform: none; + } + #burgermenu{ display: inline-block; } @@ -45,6 +49,7 @@ text-align: left !important; border-bottom: #111721 solid 2px; width: 100% !important; + } .dropdown-content{