fix header menu style for mobile devices

hacklabr · May 9, 2018 · 1b97683 · 1b97683
1 parent 5cd2fa2
commit 1b97683
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/mapaguarani/static/sass/main.scss b/mapaguarani/static/sass/main.scss
@@ -17,7 +17,7 @@ html, body, #container {
   width: 100%;
   overflow: hidden;
   .map-container {
-    height: 100%; 
+    height: 100%;
   }
 }
 body {
@@ -35,6 +35,9 @@ input[type="radio"], input[type="checkbox"] {
 }
 .navbar-fixed-top {
   background: transparent;
+  position: absolute;
+  z-index: 10000;
+
   &:before {
     content: '';
     width: 100%;
@@ -116,14 +119,13 @@ input[type="radio"], input[type="checkbox"] {
   text-transform: uppercase;
   letter-spacing: -1px;
   @media screen and (max-width: 500px){
-    font-size: 16px;
+    font-size: 14px;
   }
 }
 
 .navbar-collapse.in {
   overflow-y: hidden;
-  z-index: 9999999999999999999999 !important;
-  background: #000;
+  background: rgba(0,0,0,0.8);
 }
 .navbar-header .navbar-icon-container {
   margin-right: 15px;