Vertical Navigation - Solid Version

---

1. Plugin Info

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

• Works with Squarespace 7.1

• Uses Custom CSS

---

2. Add this code to Custom CSS

// Vertical Navigation - Ghost //

@vertical-nav-height: 140vh;
@vertical-nav-padding: 20px;
@vertical-nav-bar-color: #000;

/* --- Do Not Edit Below ---- */

.header-nav-list{width:@vertical-nav-height!important;padding:@vertical-nav-padding;background-color:@vertical-nav-bar-color;position:fixed;-webkit-transform:rotate(-90deg) translateX(-85%);-webkit-transform-origin:top left;left:0;top:0;text-align:center;z-index:999}

// Vertical Navigation - Ghost //

---

3. Customizable Options

• Vertical Bar Height

• Inner Padding

• Background Color

---

4. Plugin 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 header button.

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

---