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;
|
position: absolute;
|
||||||
right: 1.5em;
|
right: 1.5em;
|
||||||
margin-top: -58px;
|
margin-top: -58px;
|
||||||
z-index: 99;
|
z-index: 4;
|
||||||
|
|
||||||
.items {
|
.items {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -340,6 +340,7 @@
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
color: $dark;
|
color: $dark;
|
||||||
|
line-height: 1;
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover, &:focus {
|
||||||
color: darken($dark, 20);
|
color: darken($dark, 20);
|
||||||
|
@ -370,14 +371,14 @@
|
||||||
@media screen and (max-width: $tablet) {
|
@media screen and (max-width: $tablet) {
|
||||||
.mobilemenu-hide-button {
|
.mobilemenu-hide-button {
|
||||||
display: block;
|
display: block;
|
||||||
top: 1vh;
|
top: 1rem;
|
||||||
right: 4vh;
|
right: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobilemenu-show-button {
|
.mobilemenu-show-button {
|
||||||
display: block;
|
display: block;
|
||||||
top: 1vh;
|
top: 1rem;
|
||||||
left: 4vh;
|
left: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobile-overlay {
|
.mobile-overlay {
|
||||||
|
|
Loading…
Reference in a new issue