Logo and Navigation Divider Line


Plugin Details

Add a divider line between the logo and navigation links.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS


Add to Custom CSS

// Logo Navigation Divider Line - GhostPlugins.com //

@media only screen and (min-width: 800px) { .header-title-text a, .header-title-logo img {
    border-right: 1px solid #000;
    border-left: 0px solid #000;
    padding-right: 30px;
    padding-left: 0px;
  }}

Customizable Options

  • Right Divider Line

  • Right Spacing

  • Left Divider Line

  • Left Spacing

Notes

Divider will not apply on mobile.

Compatible with all header layouts. Apply right or left divider based on the layout.


Previous
Previous

Rotating Logo - Site Header

Next
Next

Slashy Navigation - Site Header