Jump to content

Jumping top navigational points

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hi @Ziggy

Would you mind taking a look at where I go wrong? - I tried the following without luck:

.header-nav-list :hover {
    text-decoration: none;
    box-shadow: inset 0 -1em 0
    rgba(0,0,0,0);
    color: inherit;
      padding-left: 3px !important;
}


.header-nav-list :hover {
    text-decoration: none;
    box-shadow: inset 0 -1em 0 rgba(249,130,147,1);
    color: inherit;
      padding-left: 3px !important;
}
 

Thank you 🙌

Link to comment

You currently have two hover states, try removing the hover from the first:

.header-nav-list {
    text-decoration: none;
    box-shadow: inset 0 -1em 0 rgba(0,0,0,0);
    color: inherit;
    padding-left: 3px !important;
}
.header-nav-list:hover {
    text-decoration: none;
    box-shadow: inset 0 -1em 0 rgba(249,130,147,1);
    color: inherit;
    padding-left: 3px !important;
}

 

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment

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.