Use height: 100dvh for mobile menu.
This commit is contained in:
parent
14736726a4
commit
f4d949c04e
1 changed files with 2 additions and 2 deletions
|
|
@ -6,7 +6,7 @@
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100dvh;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
font-family: var(--ff-headings);
|
font-family: var(--ff-headings);
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
.mobile-nav__cover {
|
.mobile-nav__cover {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100dvh;
|
||||||
background-color: var(--color-mobile-menu-cover);
|
background-color: var(--color-mobile-menu-cover);
|
||||||
backdrop-filter: blur(3px);
|
backdrop-filter: blur(3px);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue