Enterprise pro sticky menu CSS

[apt513]

I followed the guide at http://my.studiopress.com/tutorials/sticky-menu/

I cant figure out how to make the secondary menu mimic the primary menu in css.

In css the only styling i see for the primary menu is;

.nav-primary {
background-color: #333;
}

.nav-primary,
.nav-primary a {
color: #fff;
}

.nav-primary .sub-menu {
border-color: #222;
}

.nav-primary .sub-menu a {
background-color: #333;
border-color: #222;
color: #fff;

If i repeat that for the secondary it doesnt look the same.

What am i missing?

http://cincinnati-computer.com/

[bartekkregiel]

You also need to change the .nav-secondary a:hover and .sub-menu a:hover to color: #31b2ed;

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
background-color: #333;
display: none;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}

.nav-secondary .genesis-nav-menu a {
padding: 20px;
padding: 2rem;
color: #fff;
}

.nav-secondary .genesis-nav-menu .sub-menu a {
padding: 16px 20px;
padding: 1.6rem 2rem;
background-color: #333;
border-color: #222;
color: #fff;
}

.nav-secondary a:hover,
.nav-secondary .current-menu-item > a,
.nav-secondary .menu-item-home > a,
.nav-secondary .menu-item-home > a:hover {
color: #31b2ed;
}

.nav-secondary .sub-menu a:hover {
color: #31b2ed;


---

Hi my name is Bartek and I do websites at Organic WP Shop
http://www.organicwpshop.com

[Author]

Posts