diff --git a/custom/epoc-theme/nav.html b/custom/epoc-theme/nav.html
index 5fb9a6e53e9dc807c60a7b9992f33ce8537fc477..6715851691d74b7d4b76d3fdaac7f9b4bb577da1 100644
--- a/custom/epoc-theme/nav.html
+++ b/custom/epoc-theme/nav.html
@@ -10,7 +10,7 @@
             <img src="/images/logo-epoc-by-inria.png" alt="alternative" class="h-10" />
         </a>
 
-        <button class="background-transparent rounded text-xl leading-none hover:no-underline focus:no-underline lg:hidden lg:text-gray-400" type="button" data-toggle="offcanvas">
+        <button class="menu-button background-transparent rounded text-xl leading-none hover:no-underline focus:no-underline text-gray-400" type="button" data-toggle="offcanvas">
             <span class="navbar-toggler-icon inline-block w-8 h-8 align-middle"></span>
         </button>
 
diff --git a/docs/css/styles.css b/docs/css/styles.css
index a66a608698a0616f79a03b72fd08541af358111f..aa3e22042691f21ac093a3dc402ea6409ea880d1 100644
--- a/docs/css/styles.css
+++ b/docs/css/styles.css
@@ -518,6 +518,10 @@ input[type="checkbox"] {
     transform: translateX(-100%);
 }
 
+.menu-button{
+    display:block;
+}
+
 .nav-link {
     display: block;
     padding-top: 0.625rem;
@@ -625,6 +629,12 @@ input[type="checkbox"] {
 .md-nav__title{
 }
 
+@media screen and (min-width: 76.25em) {
+    .md-sidebar {
+        height: auto;
+    }
+}
+
 @media screen and (max-width: 76.1875em) {
     [dir="ltr"] .md-sidebar--primary {
         right:0;
@@ -1071,7 +1081,7 @@ a:hover.back-to-top {
 /* end of min-width 768px */
 
 /* Min-width 1024px */
-@media (min-width: 1024px) {
+@media (min-width: 76.1875em) {
     /* General Styles */
 
     .btn-solid-lg {
@@ -1116,6 +1126,10 @@ a:hover.back-to-top {
         transform: none;
     }
 
+    .menu-button{
+        display:none;
+    }
+
     .nav-link {
         padding-right: 0.625rem;
         padding-left: 0.625rem;