improve main nav on mobile

2022-06-17 01:27:24 -04:00
parent 6e4b1cd297
commit e4facc2af5
1 changed files with 8 additions and 2 deletions
@@ -272,8 +272,6 @@ a.no-underline { text-decoration: none; }

        #corona-alert { margin: -25px 6px 0px 12px; }

-        .mobile-dropdown { max-width: 30%; }
-
        .form-width { width: 210px; }

        .zero-margin { margin: 7px auto; }
@@ -296,6 +294,14 @@ a.no-underline { text-decoration: none; }
        }
 }

+@media only screen and (min-width: 1px) and (max-width: 767px) {
+        .mobile-dropdown { max-width: 30%; }
+        .yamm1, .yamm2, .yamm3 { position: absolute; background-color: white; z-index: 5; }
+        .yamm1 { width: 50vw; }
+        .yamm2 { width: 50vw; }
+        .yamm3 { width: 40vw; }
+}
+
@media only screen and (min-width: 768px) {

        #corona-alert { margin: -20px 12px 0px 12px; }