From 058ca4c40084a59f40b5886e921c167bdc3ac345 Mon Sep 17 00:00:00 2001 From: andrewmbacon Date: Mon, 21 Jul 2014 13:56:41 -0400 Subject: [PATCH] Nav Fixes IE 7 Nav fix (z index) Vertical alignment of dropdown levels 3+. --- _notes/dwsync.xml | 2 +- css/nav.css | 16 ++++++++++++---- sass/_notes/dwsync.xml | 2 +- sass/nav.scss | 24 +++++++++++++++++------- style.css | 16 ++++++++++++---- 5 files changed, 43 insertions(+), 17 deletions(-) diff --git a/_notes/dwsync.xml b/_notes/dwsync.xml index 9494de9..14a9f1f 100644 --- a/_notes/dwsync.xml +++ b/_notes/dwsync.xml @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/css/nav.css b/css/nav.css index 6a46b7c..f047ae3 100644 --- a/css/nav.css +++ b/css/nav.css @@ -66,9 +66,17 @@ margin-left: .2em; } -#masthead, -#nav-wrapper, -#site-navigation, -#site-navigation * { +.dropdown-menu .dropdown-menu { + margin: 0; + top: -1px; +} + +#masthead { + z-index: 9999; +} +#masthead #nav-wrapper { + z-index: 9999; +} +#masthead #nav-wrapper .container { z-index: 9999; } diff --git a/sass/_notes/dwsync.xml b/sass/_notes/dwsync.xml index 1b0d5fd..54b5537 100644 --- a/sass/_notes/dwsync.xml +++ b/sass/_notes/dwsync.xml @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/sass/nav.scss b/sass/nav.scss index 0dd97cc..9c757bd 100644 --- a/sass/nav.scss +++ b/sass/nav.scss @@ -65,13 +65,23 @@ margin-left: .2em; } +// Alignment Correction +.dropdown-menu { + .dropdown-menu { + margin:0; + top:-1px; + } +} + +// For IE $nav-z: 9999; -#masthead, -#nav-wrapper, -#site-navigation, -#site-navigation * - { +#masthead { z-index:$nav-z; - - } + #nav-wrapper { + z-index:$nav-z; + .container{ + z-index:$nav-z; + } + } +} diff --git a/style.css b/style.css index 7c0bd97..e3b9d89 100644 --- a/style.css +++ b/style.css @@ -7175,10 +7175,18 @@ object { margin-left: .2em; } -#masthead, -#nav-wrapper, -#site-navigation, -#site-navigation * { +.dropdown-menu .dropdown-menu { + margin: 0; + top: -1px; +} + +#masthead { + z-index: 9999; +} +#masthead #nav-wrapper { + z-index: 9999; +} +#masthead #nav-wrapper .container { z-index: 9999; }