Slashy Navigation 2.0

---

Description

Add a simple slash after each link in site 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.

// Slashy Navigation //

.header-nav-item a:after {
  content: " /";
  margin-left: 10px;
  color: white;
}

// Remove Slash From Folder Nav //

.header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item a:after {
  content: "" !important;
}

// Remove Active Nav Line //

.header-nav-item--active a {
    background-image: none !important;
}

---

Customize

Adjust the margin left and color values of the actual “/”.

Additional code has also been added with this plugin: Remove Slash From Folder Nav and Remove Active Navigation Line. We recommend keeping the active line removed since it looks out of place when using the “/” symbols.

---