Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Question

Posted (edited)

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? 

Edited by SPT

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 1

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;}
 

Share this post


Link to post
  • 0

@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 :) 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...