jonasled2/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix mobile menu has no navigation displayed

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
js/customElements/mainMenu.js
View file

@ -10,10 +10,10 @@ class MainMenu extends HTMLElement {
menuContainer.className = "mainmenuContainer"; menuContainer.className = "mainmenuContainer";
let burgerMenu = document.createElement("div"); let burgerMenu = document.createElement("div");
burgerMenu.id = "burgerMenu"; burgerMenu.id = "burgermenu";
burgerMenu.onclick = () => { burgerMenu.onclick = () => {
document.getElementById("burgerMenu").classList.toggle("change"); document.getElementById("burgermenu").classList.toggle("change");
document.querySelector(".mainmenuContainer").classList.toggle("visible"); document.querySelector(".mainmenuContainer").classList.toggle("visible");
} }

5
styl/lib/_menuMobile.styl
View file

@ -26,6 +26,10 @@
} }
@media only screen and (max-width: $mobile-max-width) { @media only screen and (max-width: $mobile-max-width) {
.dropdown:hover .navLink, .navLink:hover {
transform: none;
}
#burgermenu{ #burgermenu{
display: inline-block; display: inline-block;
} }
@ -45,6 +49,7 @@
text-align: left !important; text-align: left !important;
border-bottom: #111721 solid 2px; border-bottom: #111721 solid 2px;
width: 100% !important; width: 100% !important;
} }
.dropdown-content{ .dropdown-content{