Fix mobile menu overlap with left menu and footer content

bindaasrakesh · bindaasrakesh · commit 43216756a4a6 · 2020-07-20T22:25:48.000+05:30
diff --git a/src/css/header.css b/src/css/header.css
@@ -1,5 +1,11 @@
-.navbar-new-top {
+.header-top-row {
   background: var(--color-brand-white);
+  padding: 0 var(--width-container-gutter);
+}
+
+.header-top-row .container {
+  padding-left:0;
+  padding-right: 0;
 }
 
 .navbar-brand img {
@@ -305,5 +311,6 @@
     display: block;
     position: absolute;
     width: 100%;
+    left: 0;
   }
 }
diff --git a/src/css/nav.css b/src/css/nav.css
@@ -7,7 +7,7 @@
   scrollbar-width: thin;
   scrollbar-color: var(--color-border) transparent;
   height: 100%;
-  z-index: var(--z-index-nav);
+  z-index: 5;
   transition: all 0.1s;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,11 @@`
`1`		`-.navbar-new-top {`
	`1`	`+.header-top-row {`
`2`	`2`	`background: var(--color-brand-white);`
	`3`	`+ padding: 0 var(--width-container-gutter);`
	`4`	`+}`
	`5`	`+`
	`6`	`+.header-top-row .container {`
	`7`	`+ padding-left:0;`
	`8`	`+ padding-right: 0;`
`3`	`9`	`}`
`4`	`10`
`5`	`11`	`.navbar-brand img {`
`@@ -305,5 +311,6 @@`
`305`	`311`	`display: block;`
`306`	`312`	`position: absolute;`
`307`	`313`	`width: 100%;`
	`314`	`+ left: 0;`
`308`	`315`	`}`
`309`	`316`	`}`
Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@`
`7`	`7`	`scrollbar-width: thin;`
`8`	`8`	`scrollbar-color: var(--color-border) transparent;`
`9`	`9`	`height: 100%;`
`10`		`- z-index: var(--z-index-nav);`
	`10`	`+ z-index: 5;`
`11`	`11`	`transition: all 0.1s;`
`12`	`12`	`}`
`13`	`13`