Simple Fading Folder Navigation

Screen+Shot+2019-12-30+at+12.07.13+PM.jpg

Look Demo

Add a simple fading effect to the folder menu navigation. This plugin uses css editor and works with Squarespace 7.1.


How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Fading Folder Nav //

.header .header-nav .header-nav-item--folder .header-nav-folder-content {
  transition: ease-in-out 0.5s;
}

Customize

Adjust the transition time to your liking. The higher the number = the longer the fade effect.


Previous
Previous

Thicker = Menu Icon

Next
Next

GIF Animated Text on Hover