Merged in fix/SW-2844-gap-mobile-header-menu (pull request #2674)

fix(SW-2844): remove gap between header and side menu on mobile

* fix(SW-2844): remove gap between header and side menu on mobile


Approved-by: Erik Tiekstra
This commit is contained in:
Bianca Widstam
2025-08-20 07:23:10 +00:00
parent aa7a7a8c2f
commit 1f96e9be06
3 changed files with 3 additions and 9 deletions

View File

@@ -66,9 +66,7 @@
.modal { .modal {
position: fixed; position: fixed;
top: calc( top: calc(var(--main-menu-mobile-height) + var(--sitewide-alert-height));
var(--main-menu-mobile-height) + var(--sitewide-alert-height) + 1px
);
right: auto; right: auto;
bottom: 0; bottom: 0;
width: 100%; width: 100%;

View File

@@ -10,9 +10,7 @@
.modal { .modal {
position: fixed; position: fixed;
top: calc( top: calc(var(--main-menu-mobile-height) + var(--sitewide-alert-height));
var(--main-menu-mobile-height) + var(--sitewide-alert-height) + 1px
);
right: auto; right: auto;
bottom: 0; bottom: 0;
width: 100%; width: 100%;

View File

@@ -53,9 +53,7 @@
.header .dropdown { .header .dropdown {
right: -100vw; right: -100vw;
top: calc( top: calc(var(--main-menu-mobile-height) + var(--sitewide-alert-height));
var(--main-menu-mobile-height) + var(--sitewide-alert-height) + 1px
);
bottom: 0; bottom: 0;
transition: right 0.3s; transition: right 0.3s;
} }