Lifestyle Pro Secondary Navigation Issue After Resizing Header Image

[CindyLeighDesign]

Hi there - hoping someone can help! I resized the header to use a header image rather than text that spans the entire header (width: 868px height: 200px) I updated the size in the functions.php file and that works fine. However, now when you hover over the Secondary Navigation, the drop-down menu covers the Parent Items on the menu bar (it pops up right over the main nav bar... rather than popping up below it). I've pasted the current CSS code below and you can view the site here: http://www.my-stcroix.com any help would be appreciated!!

/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
clear: both;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
width: 100%;
font-family: Verdana, Palatino, Arial;
}

.genesis-nav-menu .menu-item {
display: inline-block;
text-align: left;
}

.genesis-nav-menu a {
font-family: Verdana, Palatino, Arial;
color: #fff;
font-size: 12px;
font-size: 1.2rem;
display: block;
padding: 20px 24px;
padding: 2rem 2.4rem;
position: relative;
text-decoration: none;
border-right-color: #FFFFFF;
}

.genesis-nav-menu .entry:last-child {
border-right-color: none;
}

.genesis-nav-menu > li:hover a,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a {
background-color: #fff;
color: #a5a5a3;
}

.genesis-nav-menu .sub-menu {
left: -9999px;
opacity: 0;
position: absolute;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
width: 184px;
z-index: 99;
}

.genesis-nav-menu > li:hover .sub-menu a,
.genesis-nav-menu .sub-menu a {
background-color: #dcefef;
color: #0076a3;
font-size: 14px;
font-size: 1.4rem;
padding: 16px 24px;
padding-top: 1.6rem;
padding-right: 2.4rem;
padding-left: 2.4rem;
padding-bottom: 1.6rem;
position: relative;
width: 184px;
}

.genesis-nav-menu > li:hover .sub-menu a:hover,
.genesis-nav-menu .sub-menu a:hover {
background-color: #fff;
color: #f6921e;
}

.genesis-nav-menu .sub-menu .sub-menu {
margin-top: px;
margin-right: 0;
margin-left: 183px;
margin-bottom: 0;
}

.genesis-nav-menu .menu-item:hover {
position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
left: auto;
opacity: 1;
}

.genesis-nav-menu > .first > a {
padding-left: 0;
padding-top: 40px;
}

.genesis-nav-menu > .last > a {
padding-right: 0;
}

.genesis-nav-menu > .right {
display: inline-block;
float: right;
list-style-type: none;
padding: 20px 0;
padding: 2rem 0;
}

.genesis-nav-menu > .right > a {
background: none;
color: #a5a5a3;
display: inline;
padding: 0;
}

.genesis-nav-menu > .right > a:hover {
color: #76d2c5;
}

.genesis-nav-menu > .rss > a {
margin-left: 48px;
margin-left: 4.8rem;
}

.genesis-nav-menu > .search {
padding: 0;
}

.genesis-nav-menu .search-form input[type="search"] {
background-position: 12px 12px;
font-size: 12px;
font-size: 1.2rem;
padding: 12px 12px 12px 44px;
padding: 1.2rem 1.2rem 1.2rem 4.4rem;
}

http://www.my-stcroix.com

[Tom]

Fixed for you here:

Lifestyle Pro Secondary Navigation Issue After Resizing Header Image

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Author]

Posts