How to change/remove menu hover in CSS

Please add the following CSS in Appearance -> Customize -> Additional CSS:

.coloured-nav ul.dropdown-menu.active-line-bottom>li:not(.current-menu-item):not(.current_page_item):hover>a {
    color: #FCD21D !important;
}

I hope this will fix your issue.

@prashantvatsh thank you so so much! It worked! I am do glad and thankful! 🙂 Thank you!

Oh @prashantvatsh sorry, I didn’t notice that the “HOME” page is still blue in the hover, do you have any solution here?

Please add the following CSS for that:

@media only screen and (min-width:768px){
    ul.dropdown-menu>li:hover>a {
        color: #FCD21D !important;
    }
}

@prashantvatsh Thank you so much! Everything works perfectly!



Source link