Can't Change Header Drop Down Box Color Background?


I’ve had a look around the forums and have only found this bit of code:

.menu > li > ul li a:hover, .dropdown-menu > .active > a:hover {
background: #000000;
color: #000000;

This doesn’t work for me. Could someone please let me know how to change the background color of the drop down box?

hey there

Hope you are having a good day and thank you for your question
Please add this CSS in appearance - customize - additional CSS

.main-navigation .menu>li ul {
background: #da6262;
.main-navigation .menu>li>ul li a:hover, .main-navigation .menu>li>ul li:hover>a {
background: #ea6969;

Colorlib Support Team

Legendary, thank you!

Actually if I could ask one more thing!

Can you please send me the code to change the “selected” color in the dropdown menu. Right now it’s set on the default white when I’m on the page that’s listed on the dropdown.

I have white text in the dropdown so when it’s selected I can’t read the text?

Could you please tell me how to change the ‘selected’ highlight color on the dropdown menu :slight_smile:

Good morning

Can I see it? please provide link to the page

Please find the image attached. I have the middle page of the 5 pages selected and I need to change the white color to another color as the text is white.

Can you please tell me how I can change that white selection highlight.

Good morning

Can I see it? please provide link to the page