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.