Active Navigation Link - Border Pill Style

---

1. Plugin Info

Add a border pill style to the active navigation link.

• Works with Squarespace 7.1

• Uses Custom CSS

---

2. Add this code to Custom CSS

// Active Link Border Pill Style - Ghost //

.header-nav-item--active a {
  color: #fff !important;
  border: 1px solid #fff !important;
  padding: 2px 15px !important;
  border-radius: 50px !important;
 background-image: none !important;
}

---

3. Customizable Options

• Link Color

• Border

• Padding

• Border Radius

• Background Image (Removes Default Underline)

---

4. Plugin Notes

• No plugin notes

---