Fixed CSS to correctly display secondary nav.

This commit is contained in:
MickeyKay
2014-03-27 11:28:33 -07:00
parent 19e3fda5ed
commit e29cdc3d3e
+24 -23
View File
@@ -410,7 +410,7 @@ textarea,
button, button,
.button, .button,
.genesis-nav-menu a, .genesis-nav-menu a,
.nav-primary .genesis-nav-menu > .right { .genesis-nav-menu > .right {
padding: 16px 24px; padding: 16px 24px;
padding: 1.6rem 2.4rem; padding: 1.6rem 2.4rem;
} }
@@ -1314,7 +1314,7 @@ Site Navigation
--------------------------------------------- */ --------------------------------------------- */
.nav-secondary { .nav-secondary {
background-color: #fff; background-color: #FFF;
} }
.nav-secondary a:hover, .nav-secondary a:hover,
@@ -2003,24 +2003,25 @@ Media Queries
display: none; display: none;
} }
.nav-primary { .nav-primary,
.nav-secondary {
margin: 0; margin: 0;
border-radius: 0; border-radius: 0;
overflow: visible; overflow: visible;
display: block !important; display: block !important;
} }
.nav-primary .genesis-nav-menu li { .genesis-nav-menu li {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
} }
.nav-primary .genesis-nav-menu > li { .genesis-nav-menu > li {
border-top-width: 0; border-top-width: 0;
} }
.nav-primary .genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu,
.nav-primary .genesis-nav-menu ul { .genesis-nav-menu ul {
display: block; display: block;
left: -9999px; left: -9999px;
opacity: 0; opacity: 0;
@@ -2030,12 +2031,12 @@ Media Queries
font-size: 1em; font-size: 1em;
} }
.nav-primary .genesis-nav-menu .sub-icon { .genesis-nav-menu .sub-icon {
display: none; display: none;
} }
.nav-primary .genesis-nav-menu a, .genesis-nav-menu a,
.nav-primary .genesis-nav-menu > .right { .genesis-nav-menu > .right {
padding: 20px; padding: 20px;
padding: 2rem; padding: 2rem;
} }
@@ -2043,32 +2044,32 @@ Media Queries
/* Navigation Extras /* Navigation Extras
--------------------------------------------- */ --------------------------------------------- */
.nav-primary .genesis-nav-menu > .right { .genesis-nav-menu > .right {
display: inline-block; display: inline-block;
float: right; float: right;
border-top: none; border-top: none;
} }
.nav-primary .genesis-nav-menu > .rss > a { .genesis-nav-menu > .rss > a {
margin: 0 0 0 20px; margin: 0 0 0 20px;
margin: 0 0 0 2rem; margin: 0 0 0 2rem;
} }
.nav-primary .genesis-nav-menu > .search { .genesis-nav-menu > .search {
padding: 11px 20px; padding: 11px 20px;
padding: 1.1rem 2rem; padding: 1.1rem 2rem;
} }
.nav-primary .genesis-nav-menu > .search form { .genesis-nav-menu > .search form {
padding-right: 0; padding-right: 0;
} }
.nav-primary .genesis-nav-menu > .search input { .genesis-nav-menu > .search input {
padding: 10px 20px; padding: 10px 20px;
padding: 1rem 2rem; padding: 1rem 2rem;
} }
.nav-primary .genesis-nav-menu > .search input[type="submit"] { .genesis-nav-menu > .search input[type="submit"] {
display: none; display: none;
} }
@@ -2085,8 +2086,8 @@ Media Queries
padding-left: 0; padding-left: 0;
} }
.nav-primary .genesis-nav-menu ul a, .genesis-nav-menu .sub-menu a,
.nav-primary .genesis-nav-menu ul ul a { .genesis-nav-menu ul a {
position: relative; position: relative;
width: 200px; width: 200px;
padding: 10px 20px; padding: 10px 20px;
@@ -2094,7 +2095,7 @@ Media Queries
border-width: 1px 1px 0 1px; border-width: 1px 1px 0 1px;
} }
.nav-primary .genesis-nav-menu > .parent > a:after { .genesis-nav-menu > .parent > a:after {
content: "\f0d7"; content: "\f0d7";
position: relative; position: relative;
top: -.2em; top: -.2em;
@@ -2103,7 +2104,7 @@ Media Queries
font-size: .6em; font-size: .6em;
} }
.nav-primary .genesis-nav-menu ul .parent > a:after { .genesis-nav-menu ul .parent > a:after {
content: "\f0da"; content: "\f0da";
position: absolute; position: absolute;
top: 1em; top: 1em;
@@ -2114,16 +2115,16 @@ Media Queries
vertical-align: middle; vertical-align: middle;
} }
.nav-primary .genesis-nav-menu li:hover { .genesis-nav-menu li:hover {
position: relative; position: relative;
} }
.nav-primary .genesis-nav-menu li:hover > ul { .genesis-nav-menu li:hover > ul {
left: auto; left: auto;
opacity: 1; opacity: 1;
} }
.nav-primary .genesis-nav-menu ul li:hover > ul { .genesis-nav-menu ul li:hover > ul {
top: 0; top: 0;
left: 100%; left: 100%;
margin-left: -1px; margin-left: -1px;