Added: burger menu for mobile views
All checks were successful
Build and Deploy Zola Website / build_and_deploy (push) Successful in 14s
Build Zola Website / build (pull_request) Successful in 21s

This commit is contained in:
2024-12-15 08:09:10 +01:00
parent 01c994aa13
commit c827757fb8
4 changed files with 62 additions and 0 deletions

View File

@@ -12,3 +12,7 @@
flex-direction: row;
}
.disable-scroll {
overflow: hidden !important;
position: fixed;
}

View File

@@ -82,3 +82,37 @@ footer {
margin-bottom: 2rem;
}
.hamburger {
display: none;
}
@media only screen and (min-width: 0px) and (max-width: 1090px) {
header {
.hamburger {
display: block;
font-size: 3rem;
text-decoration: none;
cursor: pointer;
user-select: none;
z-index: 2000;
}
.logo {
z-index: 2000;
}
.hamburger:hover {
color: white;
}
.links {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background: var(--c-gray);
flex-direction: column;
font-size: 2rem;
}
}
}