Gradient Folder Navigation

Install Steps

Gradient Folder Navigation

Submitted by Moov Labs Works with the Brine template family

ezgif-3-0a47958a71f9.gif

Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Copy and paste the code below into the Custom CSS Editor box.

// Gradient Folder Nav //

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

Step Three

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

Save and refresh the page. 👍

Moov Labs