Active Navigation Link Color

Screen+Shot+2021-02-23+at+6.06.37+PM.jpg

Description

Give the active navigation link it's own dedicated color. 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.

// Active Nav Color //

.header-nav-item--active a {
  color: #4FBF87 !important;
  border-bottom: 1px solid #4FBF87 !important;
  background-image: none !important;
}

Customize

Adjust the color and border bottom values to your liking.


Previous
Previous

Remove Hyperlink Line in 7.1

Next
Next

Remove Active Navigation Line