Two items on my menu are underlined and the rest are not, I’ve managed to remove the underline when hovering over the navigation items but the “Home” and “Computer” sections are still underlined?
Password: ahpral
AI-generated summary
Persistent underlines appeared on two navigation items (“Home” and “Computer”) even after hover underlines were removed. The issue affected only these items, suggesting they were styled as active links.
Solution provided: add a CSS rule to remove text decoration from active menu items.
- Path: Online Store > Themes > Actions > Edit code > Assets > base.css
- Code: span.header__active-menu-item { text-decoration: none; }
Note: “header__active-menu-item” targets the currently selected (active) navigation link, which can have different default styling than other items.
Outcome: The change was applied and confirmed to work. No further issues were reported.
Status: Resolved. The contributor offered further assistance if needed.
Hello There,
- In your Shopify Admin go-to
span.header__active-menu-item {
text-decoration: none;
}
online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:
This worked! Thank you!!
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.