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;
 }