remove underline from active page link in header nav

Technical Q&A
1

Hi.

I’ve tried a number of different CSS selectors but can’t seem to figure out how to remove the white line (text-decoration) from the active page on my client’s site. The logo is set as a link in the nav bar so it always has a white line under it when on the homepage–I need to remove that.

https://lovepetcareusa.com/

2

Hi, @michaelae

To hide the underline follow the steps:

From your Admin panel, click Online Store > Themes >Actions > Edit code
find and open the style.css file
Paste the code below at the very bottom of the file.

.site-nav--active a::after{
    display: none !important;
}
3

brilliance. Thanks so much.