How can i change the background color for items in a folder on mouse hover.

3 hours ago, genfoch01 said:

Site URL: https://deer-vibraphone-gcr3.squarespace.com

squarespace 7.1 fluid

pw: Art-is-Joyful

I have a folder in my top nav.  I made the folder "non clickable " with this code

a.header-nav-folder-title {
    pointer-events: none;
}

now when the mouse hovers over an item in the drop down, i'd like it to change the background color to users can see what item they are selecting. when the mouse moves off the item the background should change back to default . 

 

Try adding to Home > Design > Custom Css

.header-nav-folder-item:hover {
  background: #C3C3C3;
}

Let me know how it works on your site