Can you disable stretchy navigation line for secondary nav?

Hey all.

I'm using the awesome Stretchy Navigation Line by Thirty Eight Visual (via Ghost) and I need to disable it for the secondary nav...is that possible? It's making the button look out of balance.

Fingers crossed someone can help.
Cheers!

Can you share link to your site?

Hi Tuanphan,

Thanks for your help 🙂 

https://compass-pilates.squarespace.com/
pa33word

Cheers
Claire

On 7/17/2020 at 8:44 AM, Claire_auck said:

Hi Tuaphan,

Thanks for your help 🙂 

https://compass-pilates.squarespace.com/
pa33word

Cheers
Claire

Which code did you use?

On 7/19/2020 at 12:17 AM, tuanphan said:

Which code did you use?

It was this one 🙂

// Stretchy Navigation Line //

.Header-nav-item::after {
  content: '';
  background: #000000; //color
  height: 2px; //thickness
  width: 0;
  display: block;
  margin-top: 2px !important;
  transition: width 1s; //animation speed
  margin: 0 auto;
}

.Header-nav-item:hover::after {
  width: 100%;
}

nav.Header-nav.Header-nav--primary {
// Stretchy Navigation Line //
.Header-nav-item::after {
  content: '';
  background: #000000; //color
  height: 2px; //thickness
  width: 0;
  display: block;
  margin-top: 2px !important;
  transition: width 1s; //animation speed
  margin: 0 auto;
}

.Header-nav-item:hover::after {
  width: 100%;
}
}

That's perfect Tuanphan, thank you for your help as always, you're always there to lend a helping hand and it's much appreciated.
Have a great day.
Claire.