Slanted Navigation Links (7.1 Version)

---

Look Demo

Add a slanted style to the navigation links for both desktop and mobile. This plugin uses css editor and works with Squarespace 7.1.

---

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Slanted Navigation Links - Desktop //

.header-nav-item a {
  transform: rotate(-15deg);
}

// Slanted Navigation Links - Mobile //

.header-menu-nav-item a {
  transform: rotate(-10deg);
}

---

Customize

Adjust the transform rotate values to modify the slanted angle for navigation links on both desktop and mobile.

---