Slanted Navigation Links (7.0 Version)

Screen+Shot+2020-07-27+at+11.34.49+AM.jpg

Description

Add a slanted style to the navigation links for both desktop and mobile. This plugin uses css editor and works with Squarespace 7.0 (Brine Template Family).


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 {
  transform: rotate(-15deg);
}

// Slanted Navigation Links - Mobile //

.Mobile-overlay-nav-item {
  transform: rotate(-10deg);
}

Customize

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


Previous
Previous

Emoji Cursor

Next
Next

Slanted Navigation Links (7.1 Version)