diff --git a/_sass/modules/_doc-nav.scss b/_sass/modules/_doc-nav.scss
index 5fb4e63c9d..8dc98dd5e3 100644
--- a/_sass/modules/_doc-nav.scss
+++ b/_sass/modules/_doc-nav.scss
@@ -101,4 +101,11 @@
 .tree-toggle {
     cursor: pointer;
     margin-left: -1em;
+
+	.tree-toggle-link{
+		&, &:focus, &:hover{
+			color:#535f61 !important;
+			text-decoration: none;
+		}
+	}
 }
diff --git a/js/navtree.js b/js/navtree.js
index 061ba3a1a8..bf3b532e57 100644
--- a/js/navtree.js
+++ b/js/navtree.js
@@ -101,11 +101,13 @@ function outputNavBarTree(items) {
             document.writeln("<li class='doc-side-nav-list-item'>");
             document.writeln("<label class='tree-toggle'>");
             document.writeln("<i class='fa fa-lg fa-caret-down'></i>");
+            document.writeln("<a class='tree-toggle-link' href='javascript:void 0;'>");
             if (item.doc == null) {
                 document.writeln(item.name);
             } else {
                 document.writeln(item.doc.title);
             }
+            document.writeln("</a>");
             document.writeln("</label>");
 
             if (item.doc.order == 9999) {
diff --git a/js/sidemenu.js b/js/sidemenu.js
index a9e86aa3b7..ce5038c251 100644
--- a/js/sidemenu.js
+++ b/js/sidemenu.js
@@ -12,9 +12,10 @@
       //  sidebar.height($('footer').position().top + 50);
     
       // 992 is the default breakpoint set in Bootstrap 3 for col-md
+      var width = $(document).width();
       if (width < 992) {
-        sidebar.toggle();
-        sidebarOpen = !sidebarOpen;
+        sidebar.hide();
+        sidebarOpen = false;
       }
     }