fix mobile menu has no navigation displayed

This commit is contained in:
Jonas Leder 2022-03-25 09:24:28 +01:00
parent 1781d611f3
commit c4685355b5
No known key found for this signature in database
GPG key ID: CC3C488E27DFF5CA
2 changed files with 7 additions and 2 deletions

View file

@ -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");
}

View file

@ -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{