Get rid of/or hide navigation link line in header (Dawn theme)

Hi,

I am trying to get rid of the navigation link line of the currently loaded link (Dawn theme). See screenshot.

The default hover / mouse-over effect should remain.

Thanks in advance!

@maeson-shop
Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

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

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

@maeson-shop

.header__menu-item:hover span {
    text-decoration: none !important;
}

add this code in the bottom of the base.css file.
I hope it will work.
Thank you.

Hi, thanks!

This is one step closer to my desired outcome: it makes the line disappear when the mouse hovers over the link, however, the line reappears once the mouse moves away.

Is there a way to have the line entirely disappear?

Thank a lot!

Hey, unfortunately, doesn’t work. Thanks, though

@maeson-shop
Kindly Share your Store Url.

It’s https://maeson.shop (pw: ocram)