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
User | RANK |
---|---|
241 | |
163 | |
64 | |
55 | |
46 |
Thanks to all who participated in our AMA with 2H Media on planning your 2023 marketing bu...
By Jacqui Mar 30, 2023Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023