Slashy Navigation - Site Header


Plugin Details

Add a slash (or a different character) in between each link in the navigation.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS


Add to Custom CSS

// Slashy Navigation - GhostPlugins.com //

@slashy-character: " / ";
@slashy-color: #000;
@slashy-spacing: 10px;

/* --- Do Not Edit Below ---- */

.header-nav-item a:after { content: @slashy-character; margin-left: @slashy-spacing; color: @slashy-color; } .header-nav-item:last-child a:after { content: ""; } .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item a:after { content: "" !important; } .header-nav-item--active a { background-image: none !important; }

// Slashy Navigation - GhostPlugins.com //

Customizable Options

  • Change Slash

  • Color

  • Spacing

Notes

Does not apply to folders or mobile navigation.


Previous
Previous

Logo and Navigation Divider Line

Next
Next

Pagination Background Color - Blog Post