From 32a2f35333e009205dc937c5ff9c348afc230215 Mon Sep 17 00:00:00 2001
From: ch0ccyra1n <ch0ccyra1n@riseup.net>
Date: Mon, 13 Mar 2023 14:46:10 -0700
Subject: [PATCH] Mobile navbar

---
 .../layouts/partials/header.html              |  5 +++++
 .../static/css/style.css                      | 22 +++++++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/themes/ch0ccy-in-the-nineties/layouts/partials/header.html b/themes/ch0ccy-in-the-nineties/layouts/partials/header.html
index 2758309..c0cfddc 100644
--- a/themes/ch0ccy-in-the-nineties/layouts/partials/header.html
+++ b/themes/ch0ccy-in-the-nineties/layouts/partials/header.html
@@ -4,4 +4,9 @@
         <a href="/posts">Posts</a>
         <a href="/contact">Contact</a>
     </div>
+    <div class="sidenav_mobile">
+        <a href="/">Home</a>
+        <a href="/posts">Posts</a>
+        <a href="/contact">Contact</a>
+    </div>
 </header>
\ No newline at end of file
diff --git a/themes/ch0ccy-in-the-nineties/static/css/style.css b/themes/ch0ccy-in-the-nineties/static/css/style.css
index f75a72d..97e7f9f 100644
--- a/themes/ch0ccy-in-the-nineties/static/css/style.css
+++ b/themes/ch0ccy-in-the-nineties/static/css/style.css
@@ -24,6 +24,28 @@ h1, h2, h3, h4, h5, h6 {
     padding: 0px 10px;
 }
 
+/* For mobile */
+@media screen and (max-width: 768px) {
+    .sidenav {
+        display: none;
+    }
+
+    .sidenav_mobile {
+        display: block;
+    }
+
+    #content {
+        margin-left: 0px;
+    }
+}
+
+/* For normal screens */
+@media screen and (min-width: 769px) {
+    .sidenav_mobile {
+        display: none;
+    }
+}
+
 .sidenav {
     height: 75%;
     width: 160px;