Ghost Plugins

View Original

Navigation - Pill Hover Style

Ghost

1. Plugin Info

Add a pill hover style to the header navigation links.

  • Works with Squarespace 7.1

  • Uses Custom CSS

2. Add this code to Custom CSS

See this content in the original post

3. Customizable Options

  • Padding (Non-Hover)

  • Padding (Hover)

  • Background Color

  • Border Radius

  • Transition Speed

4. Plugin Notes

  • Link spacing can be adjusted in Squarespace settings.