Taking away underlining on button i added on nav

Hello,

I have added a underline when i hover over my menu items. The code being 

.Header-nav-item::after {
  content: '';
  background: #000;
  height: 2px;
  width: 0;
  display: block;
  margin-top: 2px !important;
  transition: width 1s;
  margin: 0 auto;
}
.Header-nav-item:hover::after {
  width: 100%;
}

You've forgotten to include a working link to your site. To help, we need to see the issue first hand. If the site isn't live, we need you to set a password in the visibility settings and tell us what it is.

Oh im sorry.

www.imexgolvprodukter.squarespace.com

pssword: 3302

On 1/17/2020 at 6:17 PM, oskarfishwick said:

Oh im sorry.

www.imexgolvprodukter.squarespace.com

pssword: 3302

I see you fixed?

No its not fixed.

On 1/27/2020 at 1:51 PM, oskarfishwick said:

No its not fixed.

your code

.Header-nav-item::after {
  content: '';
  background: #000;
  height: 2px;
  width: 0;
  display: block;
  margin-top: 2px !important;
  transition: width 1s;
  margin: 0 auto;
}
.Header-nav-item:hover::after {
  width: 100%;
}

change it to

.Header-nav-item:not(:last-child)::after {
    content: '';
    background: #000;
    height: 2px;
    width: 0;
    display: block;
    margin-top: 2px !important;
    transition: width 1s;
    margin: 0 auto
}

.Header-nav-item:not(:last-child):hover::after {
    width: 100%
}

Thanks!