diff --git a/public/css/styles.css b/public/css/styles.css
index 2324e3d..a2e0300 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -176,11 +176,10 @@ body {
     position: fixed;
     background: blueviolet;
     color: #f2eb8c;
-    left: -100%;
+    left: 100%;
     width: 100%;
     top: 60px;
     height: calc(100% - 60px);
-    display: block;
     z-index: 500;
     transition: left 0.5s ease-in; }
     body nav.mobile-foldable a {
@@ -193,6 +192,7 @@ body {
     body nav.mobile-foldable div.child-categories-mobile {
       padding-left: 10%; }
   body nav.mobile-foldable.show {
+    display: block;
     left: 0; }
   body nav.mobile-shortcuts > a {
     display: flex;
diff --git a/public/css/styles.scss b/public/css/styles.scss
index 4dad4d0..edd7f69 100644
--- a/public/css/styles.scss
+++ b/public/css/styles.scss
@@ -264,13 +264,13 @@ body {
     position: fixed;
     background: $background_div;
     color: $color_div;
-    left: -100%;
+    left: 100%;
     width: 100%;
     top: 60px;
     height: calc(100% - 60px);
-    display: block;
     z-index: 500;
 
+
     transition: left 0.5s ease-in;
 
     a {
@@ -289,6 +289,7 @@ body {
   }
 
   nav.mobile-foldable.show {
+    display: block;
     left: 0;
     
   }