From 1b62d79f39da6dca6dda4bcdee41b443ff7914d5 Mon Sep 17 00:00:00 2001
From: John Mulhausen <john@docker.com>
Date: Thu, 2 Mar 2017 05:08:07 -0800
Subject: [PATCH] Fix for black space on mobile

---
 _layouts/docs.html | 2 +-
 js/docs.js         | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

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;