fix mobile menu has no navigation displayed
This commit is contained in:
parent
1781d611f3
commit
c4685355b5
|
@ -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");
|
||||
|
||||
}
|
||||
|
|
|
@ -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{
|
||||
|
|
Loading…
Reference in a new issue