Some items in megamenu they are shown white color ,seems mouse is hoveron

Store Design
, , ,

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.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

https://37e364.myshopify.com/ hye

some items i.e home ,about us , no gi , street wear they are show white color ,seems mouse is hoveron. want to fix this

catalog and contact us they are shown fine . also how can i change hover on color of megamenu items .

regards

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.header__active-menu-item {
color: unset!important;
}

ZestardTech_0-1706012651717.png
ZestardTech_0-1706012651717.png1352Ă—440 43.8 KB