Ghost Plugins

View Original

Vertical Navigation - Site Header

See this content in the original post

Plugin Details

Turn the navigation links into a left-aligned vertical navigation bar.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS


Add to Custom CSS

See this content in the original post

Customizable Options

  • Vertical Bar Height

  • Inner Padding

  • Background Color

See this content in the original post

Notes

  • Header layout must be set at Logo - Navigation (Middle) - Call To Action.

  • It’s recommended to keep links shorter and as single links - no folders.

  • Vertical nav only applies to desktop and does not move social icons, cart, or button.

  • If page content overlaps the bar, adjust your site’s spacing margin.