Change Menu Text Color – Grocery

Hi

I want to change the text color and hover color of menu items.

Secondly, the icons in the top bar are broken.

Hello,

I have visited your website and the icons are displaying fine on my end.

Screenshot for Clarification: https://ibb.co/wWn7JSS

For the menu items colors.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

header.whb-header.whb-sticky-shadow.whb-scroll-slide.whb-sticky-clone.whb-hide-on-scroll .whb-color-light .navigation-style-default .item-level-0>a {
color: #000;
}
header.whb-header.whb-sticky-shadow.whb-scroll-slide.whb-sticky-clone.whb-hide-on-scroll .whb-color-light .navigation-style-default .item-level-0>a:hover {
color: #fff;
}

You can set the colors according to your needs.

Best Regards.

Hi

This css has changed the text color but it does not change the drop-down icon beside the text

Please also share css for that.

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.whb-color-light .navigation-style-default .item-level-0>a:after {
color: #000;
}

Regard’s.
Xtemos Studio.

[Author]

Posts