Floating Header Bar

---

Description

Turn the default header bar into a floating header bar. 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.

// Floating Header Bar //

header {
  margin: 40px;
  border-radius: 20px;
  border: 1px solid #fff;
}

---

Customize

Adjust the margin, border radius, and border values to your liking.

Change header layout, colors, elements and other header settings like. This plugin will work with fixed position enabled.

Applies to both desktop and mobile header bars.

---