Change color home main menu: .main-nav .item-level-0 in home page

Hello!
I want change the color of menu in home page. I don’t see in theme settings where set the home page color menu.
In custom CSS I set “color: #250000 !important;” but not working!!!

.full-screen-nav .item-level-0>a,
.header-color-light .topbar-menu .item-level-0>a,
.menu-style-bordered .header-color-light .main-nav .item-level-0>a,
.menu-style-bordered .header-color-light .woodmart-header-links .item-level-0>a,
.menu-style-default .header-color-light .main-nav .item-level-0>a,
.menu-style-default .header-color-light .woodmart-header-links .item-level-0>a {
color: #250000 !important;

}

and also with home:

.home .full-screen-nav .item-level-0>a,
.home .header-color-light .topbar-menu .item-level-0>a,
.home .menu-style-bordered .header-color-light .main-nav .item-level-0>a,
.home .menu-style-bordered .header-color-light .woodmart-header-links .item-level-0>a,
.home .menu-style-default .header-color-light .main-nav .item-level-0>a,
.home .menu-style-default .header-color-light .woodmart-header-links .item-level-0>a {
color: #250000 !important;

}

Main menu always blank

Attachments:

You must be logged in to view attached files.

Hi,

Try to use the following CSS code for this

.home.menu-style-default .header-color-light .main-nav .item-level-0>a {
   color: #250000;
}

.home.menu-style-default .header-color-light .main-nav .item-level-0:hover>a {
   color: #250000;
}

Yes!!! Working!! Thanks

Great, you are welcome!

[Author]

Posts