Menu hover not changing to white.

David Schure
David Schure used Ask the Experts™
on
Hover not changing to white like the sub-menus,
/*----------------------------------------
                03. NAVBER
------------------------------------------*/


header {
    padding: 25px;
    position: fixed;
    z-index: 3;
    width: 100%;
    top: 0;
}

.navigation ul li > ul li.current-menu-item a, .navigation ul li > ul li a:hover {
	color:#FFF;
    /*background: -webkit-gradient(linear, left top, right top, from(#e52d27), to(#F27121));
    background: -webkit-linear-gradient(left, #e52d27, #F27121);
    background: -o-linear-gradient(left, #e52d27, #F27121);
    background: linear-gradient(to right, #e52d27, #F27121);*/
}
.navigation {
    background: rgba(0, 0, 0, 0.5) !important;
}

.navigation img {
    width: 200px;
    margin: 20px 0 0;
	color: #a27866;
}
.navber-brand {
    font-size: 32px;
    font-weight: bold;
    color: transparent;
    -webkit-background-clip: text;
    /*background-image: -webkit-gradient(linear, left top, right top, from(#e52d27), to(#F27121));
    background-image: -webkit-linear-gradient(left, #e52d27, #F27121);
    background-image: -o-linear-gradient(left, #e52d27, #F27121);
    background-image: linear-gradient(to right, #e52d27, #F27121);*/
    margin-top: 12px;
    display: inline-block;
}
.navber-brand:hover {
    color:#FFF;
	/*color: #a27866;*/
}
.navigation ul {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
}
.navigation ul>li {
    margin: 0 5px;
    float: left;
    position: relative;
}
.navigation ul>li>a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    /*color: #fff;*/
	color:#a27866;
    padding: 28px 10px;
}
.navigation .sub-menu,
.navigation .children {
    position: absolute;
    /*background-color: #000;*/
	background-color:rgba(0,0,0,0.5);
    /*-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);*/
    min-width: 200px;
    z-index: 999;
    display: none;
}
.navigation ul li > ul li {
    float: none;
    position: relative;
    font-size: 14px;
    padding: 0;
    margin: 0;
}
.navigation ul li > ul li.current-menu-item a {
    /*color: #fff;*/
	color:#a27866;
}
.navigation .menu-item-has-children::after,
.navigation .page_item_has_children::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: -5px;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid #a27866;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.navigation .menu-item-has-children:hover>.sub-menu,
.navigation .page_item_has_children:hover>.children {
    display: block;
}
.navigation  .sub-menu .current_page_item a,
.navigation  .children .current_page_item a {
    /*color: #fff;*/
	color:#a27866;
}
.navigation ul li > ul li a {
    display: block;
    padding: 10px 15px;
    /*color: #333;*/
	color:#a27866;
    font-weight: 700;
    text-transform: capitalize;
    
}
.navigation ul li > ul li a:hover{
    color: #fff;
}
.navigation ul li > ul li > ul {
    position: absolute;
    top: 100%;
    left: 100%;
}

.mobile_menu {
    overflow: hidden;
}
.logo-mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    padding: 18px 0 0 18px;
}
.logo-mobile-menu a img {
    width: 220px;
}
.mean-container a.meanmenu-reveal {
    width: 30px;
    height: 30px;
    padding: 20px
}
.mean-container .mean-bar {
    padding: 7px 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.mean-container .mean-nav {
    background: #3c3c3c;
}
.mean-container .mean-nav {
    margin-top: 60px;
}
.mean-container a.meanmenu-reveal span {
    margin-top: 6px;
}

Open in new window


WWW.MEDIASCRUBBER.COM
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Top Expert 2016

Commented:
as defined the list items hover color does change to white
https://www.screencast.com/t/08h1Q40S

Author

Commented:
Thank you but the main menu items do not. Home, Bio,etc.  How can I fix this? Please.

Author

Commented:
Solved.
.navigation ul>li>a:hover {
    color: #fff;
} 

Open in new window

.navigation ul>li>a:hover {
    color: #fff;
}

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial