Jump to content

Navigation menu fade on hover - 7.1

Recommended Posts

Hey, It seems that when using one of the new 7.1 templates you are unable to now have all naviagtion links dim when you hover over one.  This frustratingly seems to be ANOTHER piece of functionality which hasn't been transferred over to the new 7.1. Does anyone know any custom code I can use to create this effect??

Many thanks

Link to comment
  • 6 months later...
  • Replies 2
  • Created
  • Last Reply
  • 1 month later...
On 6/11/2020 at 5:07 PM, neilfossett said:

I used this and it worked well

.header-nav-folder-content {
  transition: all 0.5s ease-in-out !important;
.header-nav-folder-content:hover {
  transition: all 0.5s ease-in-out !important;


Would you be able to check if I'm doing anything wrong, I have another bit of CSS which lets me have site transitions, could this possibly be interfering with the code? 

My website is https://herring-mauve-jk9a.squarespace.com/

Password: lol

Link to comment


This topic is now archived and is closed to further replies.

  • 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.