Nav links :hover is on active page for some reason

For some reason, a hover effect is showing up on active pages on nav links. For instance, navigate to About page. If you mouseover the About page link, the opacity changes. I have not applied any custom CSS. This came with the starting template.

I can't find anything in the Design settings, or otherwise.

Chrome inspector shows:

body:not(.tweak-transparent-header) .header-nav-item--active a:hover {
    opacity: .7;
}

Can you share link to your site? We can check easier.

We have not published the site yet. One of the reasons being this design issue. 

edit: seedfolkgoods.com

password: supersecret

Its there by default as is the underline of the active link, There is no setting to change it that I can find. 

body:not(.tweak-transparent-header) .header-nav-item--active a:hover {
    opacity: .7;
}

You can add the code and tweak the opacity number to .10  or whatever makes it not fade at all. 

11 minutes ago, derricksrandomviews said:

Its there by default as is the underline of the active link, There is no setting to change it that I can find. 

body:not(.tweak-transparent-header) .header-nav-item--active a:hover {
    opacity: .7;
}

You can add the code and tweak the opacity number to .10  or whatever makes it not fade at all. 

Yes, that's possible. However, this creates unnecessary, untidy code.

And you need a business plan to add it to custom css.