Gradient Folder Navigation

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

Description

Add a gradient background 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.

// Gradient Folder Menu //

.header .header-nav .header-nav-item--folder .header-nav-folder-content {
  background: -webkit-linear-gradient(to top, #F07C63, #E45372);
  background: linear-gradient(to top, #F07C63, #E45372);
}

Customize

Change the color values #F07C63 and #E45372 to the colors of your choice.


Previous
Previous

Folder Menu Padding

Next
Next

Center Align Folder Links