Navigation menu fade on hover - 7.1

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

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;
}

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