fix(header): fixed position mobile nav
This commit is contained in:
parent
08584efc5f
commit
e5fe526536
2 changed files with 8 additions and 6 deletions
|
@ -104,7 +104,12 @@ body {
|
|||
|
||||
.site-footer-socials {
|
||||
justify-content: center;
|
||||
margin-bottom: 2.5rem;
|
||||
margin-bottom: 2rem;
|
||||
flex-wrap: wrap;
|
||||
padding: 0 .5rem;
|
||||
li {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.inline-menu-list {
|
||||
|
|
|
@ -120,11 +120,9 @@ $burger-menu-size: 4rem;
|
|||
display: none;
|
||||
opacity: 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
top: 8rem;
|
||||
left: 5rem;
|
||||
z-index: 1000;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
// transition: all 0.8s;
|
||||
|
||||
justify-content: center;
|
||||
|
@ -168,7 +166,6 @@ $burger-menu-size: 4rem;
|
|||
|
||||
.checkbox:checked ~ .nav {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
opacity: 1;
|
||||
// transition: opacity 0.8s ease-in-out;
|
||||
animation: navin .5s ease-in-out;
|
||||
|
|
Loading…
Reference in a new issue