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 |
---|---|
227 | |
154 | |
63 | |
52 | |
46 |
Thanks 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, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023