Divider Lines Between Folder Links


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


Previous
Previous

Text Block - Border Style

Next
Next

Header Button - Go Arrow Style