diff --git a/themes/beautifulhugo/static/css/main.css b/themes/beautifulhugo/static/css/main.css
index 3833897354e7e4433294575545c296cb3bd66840..93b8e674b0566055c46542417970a1e71bbf49cf 100644
--- a/themes/beautifulhugo/static/css/main.css
+++ b/themes/beautifulhugo/static/css/main.css
@@ -840,13 +840,11 @@ div.notices.tip p:first-child:after {
   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
-.sidebar-hidden {
-  width: 0px;
-}
-
-@media only screen and (min-width: 1450px) {
+@media not screen, screen and (max-width: 1450px) {
   .sidebar-hidden {
-    width: 300px;
+    width: 0px;
+    visibility: hidden;
+    transition: width 0.5s, visibility 0s linear 0.5s;
   }
 }