Shopify themes, liquid, logos, and UX
Can someone please advise how to remove the underlining of links when hovering over in the Dawn theme?
Please add following the CSS code to your assets/base.css bottom of the file.
.full-unstyled-link:hover {text-decoration: unset !important;}
Thanks!
Try this code to remove underline on hover from header menu links:
.header__menu-item:hover span {
text-decoration: none;
}
And try this code remove the underline on hover from the footer menu links:
.footer-block__details-content .list-menu__item--link:hover, .copyright__content a:hover{
text-decoration: none !important;
}
I need help with this as well. I cannot find any :hover decoration, or border bottom.
.header__menu-item:hover span {
text-decoration: none;
}
.footer-block__details-content .list-menu__item--link:hover, .copyright__content a:hover{
text-decoration: none !important;
}
^^^^
This worked for me! You just have to paste these two codes at the bottom of the base.css file (under assets).
You just have to paste these codes at the bottom of the base.css file (under assets).
Worked for me too! Now next step is how to remove the underline when you open a tab in the menu. Anybody?
--> For Header Menu Underline
.header__active-menu-item{
text-decoration: none;
}
--> For Header DropDown Underline
details[open]>.header__menu-item {
text-decoration: none;
}
--> For Footer Menu Underline
.list-menu__item--active{
text-decoration: none !important;
}
The code for the footer menu didn't work for me. The first two did though.
This code only removes the underline if your hover directly on the link or in my case the title of a product. If you're hovering near the title it still underlines it
Please share your store URL!
Thanks!
User | RANK |
---|---|
209 | |
149 | |
69 | |
46 | |
39 |
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