Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
.header__active-menu-item {
color: unset!important;
}
Topic summary
A user reports a styling issue on their Shopify store where certain megamenu items (Home, About Us, No Gi, Street Wear) appear in white color, making them look as if they’re being hovered over even when they’re not. The items “Catalog” and “Contact Us” display correctly.
The user also wants to know how to change the color on hover.
Proposed Solution:
A respondent provides CSS code to fix the issue:
- Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
- Open Assets → base.css
- Add the provided CSS snippet at the bottom of the file to reset the active menu item color
The discussion appears to be awaiting confirmation on whether the solution resolved the problem.
