From e47c7854e3fa039bcc3723a231cb4a195d69149d Mon Sep 17 00:00:00 2001
From: Heat Hamilton <55773810+heatlikeheatwave@users.noreply.github.com>
Date: Fri, 16 Feb 2024 15:19:16 -0500
Subject: [PATCH] Fix overlap with AlertBanner on mobile (#2343)

---
 .../mobile-menu-container/mobile-menu-container.module.css | 7 ++++++-
 src/layouts/base-layout/index.tsx                          | 5 +----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/mobile-menu-container/mobile-menu-container.module.css b/src/components/mobile-menu-container/mobile-menu-container.module.css
index 8f5d8f5a62..4cce5ff3ca 100644
--- a/src/components/mobile-menu-container/mobile-menu-container.module.css
+++ b/src/components/mobile-menu-container/mobile-menu-container.module.css
@@ -20,9 +20,14 @@
 	left: -150vw;
 	overflow-y: auto;
 	position: fixed;
-	top: var(--sticky-bars-height);
 	width: 100%;
 	z-index: 2;
+	@media (--dev-dot-show-mobile-menu) {
+		top: auto;
+	}
+	@media (--dev-dot-hide-mobile-menu) {
+		top: var(--sticky-bars-height);
+	}
 }
 
 .mobileAuthenticationControlsWrap {
diff --git a/src/layouts/base-layout/index.tsx b/src/layouts/base-layout/index.tsx
index cce931c9a5..9aadd96bdf 100644
--- a/src/layouts/base-layout/index.tsx
+++ b/src/layouts/base-layout/index.tsx
@@ -56,10 +56,7 @@ const BaseLayout = ({
 	return (
 		<CommandBarProvider>
 			{alertBannerData.enabled && (
-				<AlertBanner
-					{...(alertBannerData.data as AlertBannerProps)}
-					hideOnMobile
-				/>
+				<AlertBanner {...(alertBannerData.data as AlertBannerProps)} />
 			)}
 			<CoreDevDotLayoutWithTheme>
 				<div className={classNames(s.root, className)} data-layout="base-new">