Mobile navbar

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>

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;