Divider Lines Between Folder Links

Site Header
Written By The Ghost Co.
Learn more
Learn more

1. Plugin Info

Add a simple divider line between the links in a folder.

  • Works with Squarespace 7.1

  • Uses Custom CSS

2. Add this code to Custom CSS

// Divider Lines Between Folder Links - Ghost //

.header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item { 
  padding: 15px 0px; 
  border-bottom: 1px solid #000; 
} 

.header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item:last-child { 
  border-bottom: none !important;
}

3. Customizable Options

  • Divider Style and Color

  • Divider Padding

4. Plugin Notes

  • No plugin notes

The Ghost Co. http://www.ghostplugins.com
Previous

Text Block - Border Style
Next

Header Button - Go Arrow Style