diff --git a/public/css/styles.css b/public/css/styles.css
index c0e806b..3f094a5 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -218,8 +218,7 @@ body {
     left: 0;
     width: 100%;
     opacity: 40%;
-    top: 80px;
-    height: calc(100% - 60px);
+    height: calc(100% - 80px);
     z-index: 250;
     display: none; }
     body div.transparent-fullscreen-hide.show {
@@ -229,7 +228,6 @@ body {
     position: fixed;
     left: 100%;
     width: Min(70%, 600px);
-    top: 80px;
     height: calc(100% - 80px);
     z-index: 500;
     transition: left 0.5s ease-in, visibility 0.5s ease-in;
@@ -328,7 +326,7 @@ body {
     height: 80px;
     justify-content: start;
     flex-direction: row;
-    top: 0%; }
+    top: calc(100% - 80px); }
     body nav.mobile-shortcuts a {
       height: 100%;
       width: 80px;
@@ -355,7 +353,6 @@ body {
   body div.page-contents {
     background: #FEFEFA;
     position: fixed;
-    top: 80px;
     height: calc(80% - 80px);
     width: 100%;
     overflow-y: scroll; }
diff --git a/public/css/styles.scss b/public/css/styles.scss
index b597371..572c6fb 100644
--- a/public/css/styles.scss
+++ b/public/css/styles.scss
@@ -321,8 +321,7 @@ body {
     left: 0;
     width: 100%;
     opacity: 40%;
-    top: 80px;
-    height: calc(100% - 60px);
+    height: calc(100% - 80px);
     z-index: 250;
     display: none;
 
@@ -336,7 +335,6 @@ body {
     position: fixed;
     left: 100%;
     width: Min(70%, 600px);
-    top: 80px;
     height: calc(100% - 80px);
     z-index: 500;
     transition: left 0.5s ease-in, visibility 0.5s ease-in;
@@ -481,7 +479,7 @@ body {
     height: 80px;
     justify-content: start;
     flex-direction: row;
-    top: 0%;
+    top: calc(100% - 80px);
 
     a {
       height: 100%;
@@ -518,7 +516,6 @@ body {
   div.page-contents {
     background: $background-page;
     position: fixed;
-    top: 80px;
     height: calc(80% - 80px);
     width: 100%;
     overflow-y: scroll;
diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep
index 517196e..22f8243 100644
--- a/templates/layouts/default.html.ep
+++ b/templates/layouts/default.html.ep
@@ -65,7 +65,6 @@
         </div>
     </div>
     <div class="complete-container">
-%= include 'page/_mobile_menu', categories => $categories
 %= include 'page/_mobile_foldable', categories => $categories
         <div class="contents-without-menu">
             <div class="search-in-page">
@@ -110,5 +109,6 @@
                 </div>
             </div>
         </div>
+        %= include 'page/_mobile_menu', categories => $categories
     </div>
 </html>