Try to add responsive design?

css/sidebar.scss

@@ -19,6 +19,44 @@ $animate-time: 0.03s;
     }
 }
 
+#sidebarToggle {
+    display:none;
+    @media screen and (max-width: $mobile-width){
+        display: block;
+        position: fixed;
+ 
+
+        top: 0;
+        left: 0;
+        width: 30px;
+        height: 30px;
+        margin: 0;
+        z-index: 2;
+
+        cursor: pointer;
+        opacity: 0;
+    }
+}
+
+#sidebarToggleImage {
+    display:none;
+    @media screen and (max-width: $mobile-width){
+        display: block;
+        position: fixed;
+
+        text-align: center;
+        color: $title-text;
+
+        top: 7px;
+        left: 0;
+        width: 30px;
+        z-index: 1;
+
+        cursor: pointer;
+        //opacity: 0;
+    }
+}
+
 #navFlags {
     display: block;
     margin-block-start: 0;
@@ -32,6 +70,27 @@ $animate-time: 0.03s;
     }
 }
 
+@media screen and (max-width: $mobile-width){
+    #sidebar{
+        position: fixed;
+        left: -180px;
+        background-color: #FFE;
+        width: 145px;
+        height: 100%;
+
+        padding-top: 40px;
+
+    }
+
+    #sidebarToggle:checked ~ #sidebar{
+        left: 0px;
+    }
+
+    #navLinks a:hover {
+        color: $sidebar-text;
+    }
+}
+
 #navLinks {
     padding: {
         left: 10px;