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.
