Change the "submenu" color in mainnav

Hi!

I want to change the submenu color in the mainnav section. I find how to do it for the for the mobile nav in the css, but not for the mainnav.

Could you help me?

Thanks!

-Juan-

pd: http://2603219-0.web-hosting.es/wordpress/noticias/ (look at the música section)

Hello Juan,

Please try to use the following CSS code to change the color of sub-menu items.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

.sub-menu a {
    color: #c83e2d !important;
}

Kind Regards, Roman.

Thanks Roman!

I tried also to change the hover text color, but doesn’t work. I tried this:

.sub-menu a {
	color: #c83e2d !important;
	background-color: #fbf1d9 !important;
}

.sub-menu a:hover {
	color: #200000 !important;
	background-color: #c83e2d !important;

Why it is not working? :slight_smile:

Thanks!

Please try this:

#mainnav ul ul li:hover > a {
    color: #200000 !important;
    background-color: #c83e2d !important;
}

Kind Regards, Roman.

I’m afraid it is not working :frowning:

I said nothing, currently is working, but i fought with it for an hour. Maybe something related with the cache jaja :slight_smile:

Thanks!

Looks like it works. Can you confirm that?

You can try other colors to make sure.

Kind Regards, Roman.

It’s working, thanks! :slight_smile:

You are welcome Juan! :slight_smile:

Kind Regards, Roman.