Remove the hyperlink in the middle of a word on my header banner

Site URL: https://bison-maroon-z654.squarespace.com/

Hi everyone, 

I've been trying to remove the hyperlink line on my header banner, but no CSS code seem to work.. 

as you can see on the image attached, the line is in the middle of a word, which is very ugly. 

I've been trying those codes: 

header a {  background-image: none !important;  }

and 

a {  background-image: none !important;  }

Does anyone know what to do to remove the line? 

Thank you in advance !

What's the site password?

Without the password I can't verify for certain that this is the right code for your particular site, but try this:

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

Please post the site-wide password.

Hi Thomas, sorry for this, still new at Squarespace ... the password is TPLvision2021. 

I've added the CSS code: 

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

but the hyperlink still appears. 

Thanks !!

No worries.

Do you want the underline removed or to work the way it was intended, as an underline.

I ask because here is what I'm seeing. It appears to be working correctly.

Hi Thomas, 

I eventually managed to put the underline under the text. 

I think this looks actually quite nice so I won't totally remove the underline. 

thank you !