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
https://www.screencast.com/t/08h1Q40S