Edit Colors on "BROWSE CATEGORIES" menu

I would like to edit color of the dropdown “browse categories menu” on desktop view. Right now, it’s just plain white… you cannot edit the color. It would be nice to be able to make color changes like BASEL theme demo here. Thanks. https://demo.xtemos.com/basel/home-fashion/

Hello,

Thank you so much for contacting our support center.

Sorry, but we can’t view your website without your username and password.

Kind Regards
XTemos Studio

I’m sorry about that. I forgot about it. Please check again, you should be able to see the website now.

Thanks

Try to add the following code snippet to the Custom CSS area in Theme Settings to change this

.header-categories-nav.vertical-navigation .menu {
   background-color: #003980; /* Background of vertical navigation */
}

.header-categories-nav.vertical-navigation .item-level-0 {
    border-color:rgba(255,255,255,0.1);
}

.header-categories-nav.vertical-navigation .item-level-0 > a {
    color:white; /* Color of Links */
}

.header-categories-nav.vertical-navigation .item-level-0:hover > a {
    background-color: rgba(0,0,0,0.2); /* Background of Links on hover */
    color:white; /* Color of Links on hover */
}

.header-categories-nav.vertical-navigation .item-level-0.menu-item-has-children > a:after {
    color:rgba(255,255,255,0.6);
}

thank you so much once again!

You are welcome!

[Author]

Posts