header for small devices improved (#7324)

* Unequal Margin Fixed * header for small devices improved
publiclab · Jan 30, 2020 · 3bffa3b · 3bffa3b
1 parent 0b208a1
commit 3bffa3b
Showing 1 changed file with 7 additions and 0 deletions.
diff --git 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" %>