diff --git a/seahub/templates/base.html b/seahub/templates/base.html
index 5a111f07e5..16c66e10c8 100644
--- a/seahub/templates/base.html
+++ b/seahub/templates/base.html
@@ -210,6 +210,11 @@ $('.js-close-side-nav').click(function() {
     $('.side-nav').css({'left': '-300px'});
     return false;
 });
+$(window).resize(function() {
+    if ($(window).width() >= 768) {
+        $('.side-nav').css({'left': 0});
+    }
+});
 </script>
 {% block extra_script %}{% endblock %}
 </body>