Changing dropdown menu background color

Hi Sam

Good to hear from you.

For interest sake, using Chrome Developer, you can right click on the drop down parent li element and then select the hover state. You can do the same for a link element in the drop down. It’s a very handy part of the Developer section.

Ref: http://stackoverflow.com/questions/4515124/see-hover-state-in-chrome-developer-tools

All menu colours are changeable via Appearance > Customize > Theme Design in Puro Premium. The premium version is available for as little as $5 once off. You can check that offering out from Appearance > Puro Premium.

To make this change via a Custom CSS plugin or a child theme style.css file, use the following:

.main-navigation ul li:hover > a {
    color: #2ac176;
}

.main-navigation ul ul li:hover > a {
    background: #2ac176;
}

Change the colour values as required. Hope that helps 🙂

Hi,

Aha excellent. I have the premium theme, but had somehow totally missed that area in the backend!.

Thanks for the info.

cheers

Sam

Awesome 🙂 Thanks for your support, it’s most appreciated. If anything else comes up, please, let us know.

Cheers.