diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index 312f54f982..bc372f1fd9 100644
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -196,6 +196,13 @@
   .profile-icon:hover .fa-user-circle:before{
       opacity:0.5;
   }
+  @media (max-width: 767px){
+    .navbar{
+      max-height: 100vh;
+      overflow-y: auto;
+      -webkit-overflow-scrolling:touch;
+    }
+  }
 </style>
 
 <%= render :partial => "map/mapDependencies" %>