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!
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!
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;
}
You just have to paste these codes at the bottom of the base.css file (under assets).
.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).
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.
How can I turn off the underline and on the selected collection view?
This worked on mine. Thanks
I need help with this as well. I cannot find any :hover decoration, or border bottom.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024