Can someone please advise how to remove the underlining of links when hovering over in the Dawn theme?
2 Likes
Please add following the CSS code to your assets/base.css bottom of the file.
.full-unstyled-link:hover {text-decoration: unset !important;}
Thanks!
3 Likes
@dmwwebartisan unfortunately that doesn’t seem to change anything
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;
}
2 Likes
I need help with this as well. I cannot find any :hover decoration, or border bottom.
@Sikandar253 i’ll try this, can you advise where in the coding I paste this?
.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).
2 Likes
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
How can I turn off the underline and on the selected collection view?
This worked on mine. Thanks