Hi @johndelange55 – this custom CSS should take care of the hover background colour on your sub-menus:
/* Sub-menu hovers */
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
background-color: #c85794;
}Let me know how it goes!
Hi Kathryn, thank you for your fast and clear response.
However I don’t see any effect. I have put your phrase into the Extra CSS part. The hover colour remains red.
Do you have any other suggestion?
Kind regards,
John
Hi @johndelange55 – hmm, I don’t see the custom CSS I provided in your custom CSS area. This is all that’s currently in there:
Would you please try adding it again under Appearance > Customize > Additional CSS? Be sure to save your Customizer changes, and be sure your Customizer revision isn’t set to “draft.”
Let me know how it goes!
Hi Kathryn, I did not save it. I had only tried it in the customizer.
After publishing I notice that it works. Great. Thank you very much.
Kind regards,
John
By the way Kathryn, is there also a way to change the colour of the text of the active menu item? That is also red now. I want to give it another colour.
Thank you in advance.