Fix menu button overflow
References #180 - Adds `overflow-x: hidden` to `.site-wrapper` when navigation is open to prevent the menu button flowing into the navigation & covering the 'Menu' title text in Firefox.
This commit is contained in:
parent
7af816a48e
commit
0d3bafde1e
1 changed files with 8 additions and 7 deletions
|
@ -476,6 +476,7 @@ margin on the iframe, cause it breaks stuff. */
|
||||||
}
|
}
|
||||||
|
|
||||||
body.nav-opened .site-wrapper {
|
body.nav-opened .site-wrapper {
|
||||||
|
overflow-x: hidden;
|
||||||
-webkit-transform: translate3D(-240px, 0, 0);
|
-webkit-transform: translate3D(-240px, 0, 0);
|
||||||
-ms-transform: translate3D(-240px, 0, 0);
|
-ms-transform: translate3D(-240px, 0, 0);
|
||||||
transform: translate3D(-240px, 0, 0);
|
transform: translate3D(-240px, 0, 0);
|
||||||
|
@ -529,7 +530,7 @@ body.nav-opened .nav-cover {
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
z-index: 50;
|
z-index: 5;
|
||||||
width: 240px;
|
width: 240px;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
background: #111;
|
background: #111;
|
||||||
|
|
Loading…
Reference in a new issue