Added: burger menu for mobile views
This commit is contained in:
@@ -12,3 +12,7 @@
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.disable-scroll {
|
||||
overflow: hidden !important;
|
||||
position: fixed;
|
||||
}
|
||||
|
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user