Active nav menu item has line through it.

Site URL: https://lily-smilodon-skf3.squarespace.com/

The active menu item has a line through it word. I can't figure out how to make that go away! If it is under the word, that would be fine too!

Thank you in advance

Add this to Design > Custom CSS

body:not(.header--menu-open) .header-nav-item--active>a {
    background-image: none !important;
}

Tuanphan is correct, that will hide the line-through. It's actually an underline with the line height set to 0px, if you want an underline as it's designed, then you'll want to set the font styling of the navigation items to have a line height of at least 1em. Having it set to zero is also causing this problem on your website, where the navigation items overlap:

I will try this, thank you so much!!!

@tuanphan that worked like a charm, thank you!

@Ziggy I tried adjusting the line-height to several different em settings, but it seems like it's more of a width issue than a height issue? 

@Ziggy this is what I ended up using, for now anyway lol. Thank you for your help!

//Active Nav title text bold//
body:not(.header--menu-open) .header-nav-item--active>a {
  font-weight: bolder;
  font-size: 1.2em;
 background-image: none !important;
}

//Nav width to not overlap//
.header-layout-nav-center .header-nav{
      width: 50%;
    text-align: center;
    flex: 1 1 50%;