From c4685355b5a6426f741ebf2966c783e2591adfa2 Mon Sep 17 00:00:00 2001 From: Jonas Leder Date: Fri, 25 Mar 2022 09:24:28 +0100 Subject: [PATCH] fix mobile menu has no navigation displayed --- js/customElements/mainMenu.js | 4 ++-- styl/lib/_menuMobile.styl | 5 +++++ 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/js/customElements/mainMenu.js b/js/customElements/mainMenu.js index 327fd3c..a4fd1e2 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 6d075cf..14e6cce 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{