Jump to content

Change link color on hover issue

Go to solution Solved by Lesum,

Recommended Posts

Hello! 

I'm a "code scavenger" and I was able to style the menu to my linking. One issue:

My main menu links change color on hover ONLY for the link without a drop-down menu. The links with a dropdown just show the dropdown, but remain the same color. 

Have not been able to figure out how to get ALL links to change. 

Here's all the code I am using right now, I wonder if there is a conflict here I'm unable to see? PS: Site is barebones, just starting on this.


Many thanks!
 

/* HEADER LINKS */
.header-nav-item a:hover {
    color:#434D4C !important;
}
.header-nav-item a:active {
    color:#000004 !important;
}

.header-nav-item a:active {
    color:#000004 !important;
    background-image: none !important;
}

/*DROPDOWN STYLES */
.header-nav-folder-content {border-bottom:4px solid #C7DDDD}
.header-nav-folder-content {border-top:4px solid #C7DDDD}

/* NAV FOLDER STYLES
removes clickable main dropdown link and underline*/
.header-nav-folder-title {
  pointer-events: none;
}
.header-nav-item--active a {
  background-image: none !important;
  color:#4A7474 !important;
}
.header-nav-folder-content {
  min-width: 90px !important;
}
 

Link to comment
  • Replies 4
  • Views 183
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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.