Turn the default header bar into a floating header bar. This plugin uses css editor and works with Squarespace 7.1.

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

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.