Fix menu issue as that it is not responsive

fadihanna123 · Sep 20, 2024 · 4f6c1d0 · 4f6c1d0
1 parent d6796e5
commit 4f6c1d0
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/css/main.css b/css/main.css
@@ -266,6 +266,18 @@ footer {
   }
 }
 
+@media only screen and (min-width: 390px) and (max-width: 844px) {
+  #mainnav {
+    flex-direction: column;
+  }
+
+  #mainnav li a {
+    display: block;
+    width: 100%;
+    overflow: hidden;
+  }
+}
+
 .label-col {
   width: 500px;
   margin-bottom: 15px;