I am working on a site here: http://ift.tt/1UG5ds2
I want the current menu item in the main nav to be white instead of gray. In this case, if you are on the home page the home link in the nav will be white.
Whatever I try it remains gray.
CSS:
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li > a, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li > a {
color: #ccc;
text-transform: uppercase;
}
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li > a:hover, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li > a:hover {
color: #ccc;
text-transform: uppercase;
text-decoration:underline;
}
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li.current_page_item > a, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li.current_page_item > a {
color: #fff;
}
HTML:
<div class="standard-menu-container menu-skin-main reveal-from-top">
<a href="#" class="menu-bar menu-skin-main hidden-md hidden-lg">
<span class="ham"></span>
</a>
<nav>
<ul class="menu" id="menu-main-nav-1">
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-631 current_page_item menu-item-645"><a href="http://ift.tt/1UG5ds2">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-646"><a href="http://ift.tt/1h7TMLB">Our Work</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-647"><a href="http://ift.tt/1UG5ds6">Our Services</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-648"><a href="http://ift.tt/1UG5fQK">Our Team</a></li>
<!-- Other Nav links -->
</ul>
</nav>
</div>
via Chebli Mohamed
Aucun commentaire:
Enregistrer un commentaire