Divider Lines Bettwen Links - Navigation Dropdown

Navigation BarHover Effects
Written By giannis katsaprakakis

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS

Description

Add a divider lines between the links in the navigation dropdown.

Add to custom css

// Divider Lines Between Folder Links - BYKATSS.COM //

.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;
}

Notes

No plugin notes

Customizable Options

  • Divider Style and Color

  • Divider Padding

giannis katsaprakakis https://www.bykatss.com/
Previous

Easy Vertical Text
Next

Slashy Navigation - Site Header