From c4685355b5a6426f741ebf2966c783e2591adfa2 Mon Sep 17 00:00:00 2001
From: Jonas Leder <jonas@jonasled.de>
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{
--
GitLab