Shopify themes, liquid, logos, and UX
To remove the underline link for the header menu, in base.css I've added
.header__menu-item:hover span, .header__active-menu-item {
text-decoration: none;
}
and it worked great! However, when I hover it and the dropdown menu appears, the links have underline. What code should I add to remove the underline from there too? Thank you so much!
Hey, Alex!
This is going to be difficult to answer unless you provide a link to your website.
it could be as simple as:
text-decoration: none !important;
But without being able to see the actual code, there just isn't a whole lot to work with.
Please share your store URL!
Thanks!
I have Dawn version 6.0.2
Find this:
"details[open] > .header__menu-item {
text-decoration: underline;"
Change "underline" to "none" hope it helps
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025