Merge pull request #722 from dylanbuchi/main

fix: fix mobile menu layout for landscape mode
WeMakeDevs · Aug 4, 2023 · 39275e5 · 39275e5
2 parents d5d8795 + ba75a36
commit 39275e5
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/components/layout/Navbar/index.module.css b/src/components/layout/Navbar/index.module.css
@@ -125,3 +125,16 @@
     transform: translateY(0%);
   }
 }
+
+@media (max-height: 500px) and (orientation: landscape) {
+  .navMobile {
+    flex-direction: row;
+    font-size: 1.5rem;
+  }
+}
+
+@media (max-width: 840px) and (max-height: 500px) and (orientation: landscape) {
+  .navMobile {
+    font-size: 1rem;
+  }
+}