Remove Underline from Hovered Links in Dawn Theme

GIREGGIA
Explorer
45 2 17

Can someone please advise how to remove the underlining of links when hovering over in the Dawn theme?

 

@Zworthkey 

Replies 9 (9)
dmwwebartisan
Shopify Partner
10710 2339 3325

@GIREGGIA 

Please add following the CSS code to your assets/base.css bottom of the file.

.full-unstyled-link:hover {text-decoration: unset !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
GIREGGIA
Explorer
45 2 17

@dmwwebartisan unfortunately that doesn't seem to change anything

Sikandar253
Shopify Partner
4 0 1

@GIREGGIA 

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;
}

lindz5223
Shopify Partner
7 0 1

I need help with this as well. I cannot find any :hover decoration, or border bottom. 

GIREGGIA
Explorer
45 2 17

@Sikandar253 i'll try this, can you advise where in the coding I paste this?

bossbabecreativ
Tourist
9 1 4

.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).

Sikandar253
Shopify Partner
4 0 1

You just have to paste these codes at the bottom of the base.css file (under assets).

SebastianL
Explorer
65 0 18

Worked for me too! Now next step is how to remove the underline when you open a tab in the menu. Anybody?

Sikandar253
Shopify Partner
4 0 1

--> 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;
}