Mobile menu cutoff bug fix (#277)

Exygy · Nov 22, 2024 · 4cafd79 · 4cafd79
1 parent e6952b4
commit 4cafd79
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/app/components/ui/Navigation/MobileNavigation.module.scss b/app/components/ui/Navigation/MobileNavigation.module.scss
@@ -159,3 +159,11 @@
     top: $header-mobile-height;
   }
 }
+
+@include r_max($break-mobile) {
+  .mobileNavigationContainer {
+    right: auto;
+    left: 0;
+    width: 100vw;
+  }
+}
diff --git a/app/styles/utils/_layoututils.scss b/app/styles/utils/_layoututils.scss
@@ -4,6 +4,7 @@
 @import "_spacing";
 
 $font-size: 16px;
+$break-mobile: 450px;
 $break-tablet-s: 767px;
 $break-tablet-p: 960px;
 $break-tablet-l: 1184px;