diff --git a/layout/layout.ejs b/layout/layout.ejs
index f84d86f..07d71f4 100644
--- a/layout/layout.ejs
+++ b/layout/layout.ejs
@@ -28,12 +28,6 @@
     <aside class="sidebar on">
       <%- partial('_partial/sidebar') %>
     </aside>
-    <script>
-      if (window.matchMedia("(max-width: 768px)").matches) {
-        document.querySelector('.content').classList.remove('on');
-        document.querySelector('.sidebar').classList.remove('on');
-      }
-    </script>
     <%- partial('_partial/modal') %>
     <%- partial('_partial/after-footer') %>
 
diff --git a/source/css/custom.styl b/source/css/custom.styl
index 40e3fb2..08b8bf5 100644
--- a/source/css/custom.styl
+++ b/source/css/custom.styl
@@ -25,7 +25,12 @@ if hexo-config('mouse.enable')
 @media(max-width: 768px)
     .tocbot
         display none !important
-    .content
+    .sidebar
+        left 0
         &.on
-            transform translateX($aside-width)
+            left - $aside-width
+    .content
+        transform translateX($aside-width)
+        &.on
+            transform translateX(0)