Fix hamburger icon on mobile padding
This commit is contained in:
parent
7cecc38d67
commit
914e8f2084
2 changed files with 6 additions and 5 deletions
|
@ -65,7 +65,7 @@
|
|||
position: absolute;
|
||||
right: 1.5em;
|
||||
margin-top: -58px;
|
||||
z-index: 99;
|
||||
z-index: 4;
|
||||
|
||||
.items {
|
||||
display: flex;
|
||||
|
|
|
@ -340,6 +340,7 @@
|
|||
font-weight: bold;
|
||||
font-size: 2em;
|
||||
color: $dark;
|
||||
line-height: 1;
|
||||
|
||||
&:hover, &:focus {
|
||||
color: darken($dark, 20);
|
||||
|
@ -370,14 +371,14 @@
|
|||
@media screen and (max-width: $tablet) {
|
||||
.mobilemenu-hide-button {
|
||||
display: block;
|
||||
top: 1vh;
|
||||
right: 4vh;
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
}
|
||||
|
||||
.mobilemenu-show-button {
|
||||
display: block;
|
||||
top: 1vh;
|
||||
left: 4vh;
|
||||
top: 1rem;
|
||||
left: 1rem;
|
||||
}
|
||||
|
||||
.mobile-overlay {
|
||||
|
|
Loading…
Reference in a new issue