Jump to content

Navigation Styling 7.1

Recommended Posts

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
Link to comment
  • 4 weeks later...
  • 1 month later...
  • 1 month later...

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

Link to comment
  • 8 months later...

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.