I recently changed the hover color for the items in my menu. Now though when I scroll the menu background continues to be transparent but I need it to change to black on scroll and can’t seem to do it. Also I can’t seem the change the hover color of the search icon.
This is what I have in the Additional CSS section
#header-featured-image .readmore a:hover,
#header-featured-image .readmore a:focus {
background-color: #a5ddea;
border-color: #a5ddea;
}
.nav-primary .menu a { background-color: #fffff; color: #fffff; }
.nav-primary .menu li a:hover, .nav-primary .menu li a:focus, .nav-primary .menu li:hover > a, .nav-primary .menu li:focus > a, .nav-primary .menu .current-menu-item > a, .nav-primary .menu .current-menu-ancestor > a, .nav-primary .menu .current_page_item > a, .nav-primary .menu .current_page_ancestor > a { background-color: #00000; color: #a5ddea; }