diff --git a/apps/scandic-web/app/globals.css b/apps/scandic-web/app/globals.css index 082f5190c..75c136537 100644 --- a/apps/scandic-web/app/globals.css +++ b/apps/scandic-web/app/globals.css @@ -27,6 +27,7 @@ --booking-widget-open-z-index: 100; --dialog-z-index: 9; --back-to-top-button: 80; + --language-switcher-z-index: 85; --sidepeek-z-index: 100; --lightbox-z-index: 150; --default-modal-overlay-z-index: 100; diff --git a/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css b/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css index d73926d2c..01bea7f04 100644 --- a/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css +++ b/apps/scandic-web/components/LanguageSwitcher/languageSwitcher.module.css @@ -78,6 +78,17 @@ transform: translateY(0); } +@media screen and (max-width: 767px) { + body:has(.footer .dropdown.isExpanded) { + overflow: hidden !important; + touch-action: none; + } + + .footer .dropdown.isExpanded { + z-index: var(--language-switcher-z-index); + } +} + @media screen and (min-width: 768px) { .languageSwitcher { position: relative;