Header Navigation - Border Style

Site Header
Written By The Ghost Co.
Learn more

1. Plugin Info

Add a border style around the header navigation links.

  • Works with Squarespace 7.1

  • Uses Custom CSS

2. Add this code to Custom CSS

// HEADER NAVIGATION LINKS - BORDER STYLE - GHOST PLUGINS //

.header-nav-list {
  background: #fff !important;
  padding: 8px 20px !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
}

3. Customizable Options

  • Background

  • Padding

  • Border Style

  • Border Radius

4. Plugin Notes

  • Only applies to desktop

  • Link color, size, and other styles can be changed in Squarespace settings

The Ghost Co. http://www.ghostplugins.com
Previous

Newsletter Block - Full Width On Mobile
Next

Courses (Chapter List) - Bigger Images