Thicker Active Navigation Line

Screen+Shot+2019-10-13+at+5.18.31+PM.jpg

Look Demo

Give the active navigation line a thicker style. 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.

// Thicker Active Nav Line //

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

Customize

Adjust the border bottom px and color values to your liking. The higher the px, the thicker the line.


Previous
Previous

Full Width Image Card

Next
Next

Remove Active Navigation Line