fix squished nav on mobile

2022-09-27 17:33:39 +05:00 · 2022-09-27 17:33:39 +05:00 · 891fb57733
commit 891fb57733
parent eb9dcef742
1 changed files with 15 additions and 0 deletions
--- a/themes/sophie-lewis/assets/scss/main.scss
+++ b/themes/sophie-lewis/assets/scss/main.scss
@ -48,6 +48,21 @@ hr {
    }
 }

+// adding styles to make navigation fit on mobile
+@media (max-width: 480px) {
+    nav {
+        .tabs { 
+            display: initial;
+            ul {
+                border-bottom: none;
+                flex-wrap: wrap;
+                gap: 1rem;
+                li a { border-bottom: none;}
+            }
+        }
+    }
+}
+
 .is-size-0 {
    font-size: 5rem;
 }