Try putting this in child theme stylesheet before other menu styling modifications.
.nav-menu li:hover > a,
.nav-menu li a:hover {
background-color: red; /* was #220e10 */
color: blue; /* was #fff */
}
Also, try to remove all instances of !important
. It’s the last resort, use only when necessary. When used, will destroy ability to override properly.
That did it. Thank you so much. I will check my “!important”‘s as well and remove the ones I can do with out. Very grateful to your educated and very prompt response.