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:
Paul Adam Davis 2015-03-02 14:00:20 +00:00
parent 7af816a48e
commit 0d3bafde1e
1 changed files with 8 additions and 7 deletions

View File

@ -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;