From e894192f96417529f487ee047515060db7243b1f Mon Sep 17 00:00:00 2001 From: Erik Tiekstra Date: Tue, 3 Dec 2024 09:31:57 +0100 Subject: [PATCH] fix(SW-1107): Fixed issue where current header was positioned on top of the alert --- components/Current/Header/MainMenu/mainMenu.module.css | 3 --- components/Current/Header/header.module.css | 6 ++++-- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/components/Current/Header/MainMenu/mainMenu.module.css b/components/Current/Header/MainMenu/mainMenu.module.css index 67131826d..0e19f88cf 100644 --- a/components/Current/Header/MainMenu/mainMenu.module.css +++ b/components/Current/Header/MainMenu/mainMenu.module.css @@ -4,10 +4,7 @@ box-shadow: 0px 1.001px 1.001px 0px rgba(0, 0, 0, 0.05); max-height: 100%; overflow: visible; - position: fixed; - top: 0; width: 100%; - z-index: var(--header-z-index); height: var(--current-mobile-site-header-height); max-width: var(--max-width-navigation); margin: 0 auto; diff --git a/components/Current/Header/header.module.css b/components/Current/Header/header.module.css index 8c4962efd..5430937c6 100644 --- a/components/Current/Header/header.module.css +++ b/components/Current/Header/header.module.css @@ -5,8 +5,10 @@ z-index: var(--header-z-index); } -@media screen and (max-width: 1366px) { +@media screen and (max-width: 950px) { .header { - height: var(--current-mobile-site-header-height); + position: sticky; + top: 0; + z-index: var(--header-z-index); } }