Adjust dropdown menu styles so they work with screen readers and align with Twenty Fourteen techniques.

This commit is contained in:
David A. Kennedy 2014-05-14 22:12:26 -04:00
parent 57eadcfd17
commit 03fbbf84fd
1 changed files with 6 additions and 4 deletions

View File

@ -382,15 +382,14 @@ a:active {
} }
.main-navigation ul ul { .main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
display: none;
float: left; float: left;
left: 0; left: -999em;
position: absolute; position: absolute;
top: 1.5em; top: 1.5em;
z-index: 99999; z-index: 99999;
} }
.main-navigation ul ul ul { .main-navigation ul ul ul {
left: 100%; left: -999em;
top: 0; top: 0;
} }
.main-navigation ul ul a { .main-navigation ul ul a {
@ -405,7 +404,10 @@ a:active {
.main-navigation ul ul a:hover { .main-navigation ul ul a:hover {
} }
.main-navigation ul li:hover > ul { .main-navigation ul li:hover > ul {
display: block; left: auto;
}
.main-navigation ul ul li:hover > ul {
left: 100%;
} }
.main-navigation .current_page_item a, .main-navigation .current_page_item a,
.main-navigation .current-menu-item a { .main-navigation .current-menu-item a {