From ba75a364cf8917b7b18e0f9ed0c98550d735c810 Mon Sep 17 00:00:00 2001 From: Dylan Buchi Date: Wed, 19 Jul 2023 13:30:13 -0300 Subject: [PATCH] fix: fix mobile menu layout for landscape mode --- src/components/layout/Navbar/index.module.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/src/components/layout/Navbar/index.module.css b/src/components/layout/Navbar/index.module.css index 6c4f9d8b..580a911c 100644 --- 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; + } +}