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
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025