diff --git a/_layouts/docs.html b/_layouts/docs.html
index 743c2aa9ba..7a1dab7afc 100644
--- a/_layouts/docs.html
+++ b/_layouts/docs.html
@@ -109,7 +109,7 @@ else %}{% assign edit_url = "" %}{% endif %} {% break %} {% endif %} {% endfor %
 						</section>
 					</main>
 					<nav class="col-nav">
-						<div class="sidebar{% if page.landing == true %}-home{%else%}{% endif %}">
+						<div class="sidebar{% if page.landing == true %}-home{%else%}{% endif %} hidden-sm hidden-xs">
 						{% include side-menu.html %}
 						</div>
 					</nav>
diff --git a/js/docs.js b/js/docs.js
index 0e7ddcd9d4..cad1ae381f 100644
--- a/js/docs.js
+++ b/js/docs.js
@@ -166,6 +166,8 @@ if (readCookie("night") == "true") {
 $("#menu-toggle").click(function(e) {
         e.preventDefault();
         $(".wrapper").toggleClass("right-open");
+        $(".sidebar, sidebar-home").toggleClass("hidden-sm");
+        $(".sidebar, sidebar-home").toggleClass("hidden-xs");
     });
 
 var navHeight = $('.navbar').outerHeight(true) + 80;