Hello,
This happens because both of the links in the mega menu lead to the homepage. Because of this, when you are on the homepage, the Collections link has an active state. To remove this active state, just change the links to lead to other pages.
Topic summary
A user encountered an issue where a newly added ‘Collections’ tab in their mega menu remained permanently underlined and highlighted, unlike other menu items that only showed these effects on hover.
Initial troubleshooting attempts:
- Two community members suggested CSS solutions targeting
span.header__active-menu-itemwith properties liketext-decoration: noneand adjustments to font-weight and color - These solutions removed the underline but didn’t resolve the persistent highlighted state
Root cause identified:
The issue stemmed from both the Collections link and another menu item pointing to the homepage. This caused the Collections tab to display an active state whenever users were on the homepage.
Resolution:
Changing the Collections link to point to a different page resolved the problem. The discussion is now closed with the issue successfully solved.
1 Like