Remove Active Header Link Underline w/ New Update.

Hey all,

How can I remove the underline on the active link/page with the new Header update? I've tried my usual CSS go-tos below, but they no longer work. Thanks in advance!

//Option One//
div.header-nav-item--active a {
    background-image: none !important;
}

//Option Two//
.header-nav-wrapper a {
    background-image: none !important;
}

Use this instead:

/* Remove underline on hover and active page */
.header-nav-item:hover:before, .header-nav-item--active:before{
	display: none !important;
}

Hi, @Vigasan unfortunately that's still not working 😞 

7 minutes ago, SitesByShannon said:

Hi, @Vigasan unfortunately that's still not working 😞 

Can you share your website URL?

1 minute ago, Web_Solutions said:

Can you share your website URL?

Yes it's https://cinnamon-cinnamon-weej.squarespace.com/ and the password is: Shannon23

1 minute ago, SitesByShannon said:

Yes it's https://cinnamon-cinnamon-weej.squarespace.com/ and the password is: Shannon23

Would you like to remove hover effect also?

Just now, Web_Solutions said:

Would you like to remove hover effect also?

Yes! 

Thanks so much @Web_Solutions that worked!

Just now, SitesByShannon said:

Thanks so much @Web_Solutions that worked!

Do you remove the underline on Mobile also?

4 minutes ago, Web_Solutions said:

Do you remove the underline on Mobile also?

No, I think it's okay for now. Thank you 🙂

Just now, SitesByShannon said:

No, I think it's okay for now. Thank you 🙂

Welcome!