Active Navigation Link Color

Site Header
Written By Ghost

1. Plugin Info

Give the active navigation link its own dedicated color.

  • Works with Squarespace 7.1

  • Uses Custom CSS

2. Add this code to Custom CSS

// Active Nav Line Color - Ghost //

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

3. Customizable Options

  • Active Line Color and Style

Link text color can be changed in Squarespace settings.

4. Plugin Notes

  • No plugin notes

Ghost http://www.ghostplugins.com
Previous

Remove Active Navigation Line
Next

Gradient Announcement Bar