fix: fix mobile menu layout for landscape mode

WeMakeDevs · Jul 19, 2023 · ba75a36 · ba75a36
1 parent e398594
commit ba75a36
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;
+  }
+}