From 891fb5773314aa6135e4799e474233a68c3b8f37 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Tue, 27 Sep 2022 17:33:39 +0500
Subject: [PATCH] fix squished nav on mobile

---
 themes/sophie-lewis/assets/scss/main.scss | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/themes/sophie-lewis/assets/scss/main.scss b/themes/sophie-lewis/assets/scss/main.scss
index 98120c4..cc7345d 100644
--- 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;
 }