Background Image Folder Navigation

Install Steps

Background Image Folder Navigation

Submitted by Moov Labs Works with the Brine template family

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

// Background Image Folder Nav //

.Header-nav .Header-nav-folder {
  background: url(https://IMAGE-URL.png) !important;
  background-size: contain !important;
}

Step Three

Change the background IMAGE-URL.png link to the image of your choice.

Need some images? Check out Unsplash.com – there you will find a huge selection of beautiful, free photos.

Save and refresh the page. 👍

Moov Labs