Navigation Styling 7.1

Site URL: https://www.stpaulstrust.org/

I am having the worst time trying to learn the new 7.1 system. It seems to be far less customize-friendly than 7.0, and I cannot figure out how to remove the strikethrough effect on active links in my navigation (which should be an easy enough task). I tried looking in font settings and am now trying to code it out, with no luck there either.

.header-nav-item a {
    text-decoration: none!important;
}

.header-nav-item a:hover {
    text-decoration: none!important;
}

.header-nav-item--active a {
    text-decoration: none!important;
}

Has anyone else experienced this issue and have you found a solution? 

Hey @SPT, know you posted this a bit ago, but in case anyone is looking -- this is the code that finally removed the strikethrough for me in 7.1

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

I'm having the same problem!

@andersen.lucy's code worked for me!

But I also figured out that it has to do with the line height of your site navigation font. It's not actually a strike through but the active underline on the "next" line. I found any line height is set to 0em or lower will put the underline through your word. So you'd go through Fonts > Advanced > Site Navigation you'll be able to remove that easily :) 

How do I get to fonts?

On 4/1/2021 at 2:11 AM, Kaz123 said:

How do I get to fonts?

 

Hi. Do you still need help? Can you share link to your site?