Fill in your links below, check the preview, then copy the code at the bottom into a Squarespace Code Block. No coding needed — come back here any time to change the wording or links.
The bold text on the left side of the bar. Leave it blank if you don't want one.
One row per link. Use a short path like /worship for pages on your own site, or a full https:// address for anywhere else.
With site styles, the label and links are real heading and paragraph text, so they follow the fonts you set in Squarespace → Website → Site styles → Fonts. Change them there and this follows.
Click a square to pick a color, or type a hex code like #1a56db. Text sets the label and the links to the same color; Link color on hover is the only one that can differ.
Heads up: this text color is hard to read on this background. Visitors with low vision may not be able to read the links.
The bar's background always reaches the edges of the page on its own, even from inside a narrower Code Block. Like sticky, that can fail if the section around the bar clips its own content (Squarespace section wrappers sometimes set overflow: hidden) — check the real page.
Squarespace won't let a Code Block be dragged shorter than its own minimum size, which leaves blank space around the bar. This sizes the bar's whole section to fit the bar on the live page. It only kicks in when the bar is the only block in its section — put the bar in its own section. Squarespace's dashboard and editor keep showing the extra space so the editor still works normally; check the live page.
Already have one of these bars on a page? Paste its code here to load it in and make changes.
Click Phone to check the narrow layout. The dropdown opens and closes here just like it will on the real page.
This updates automatically as you make changes above. It carries everything this bar needs — styles, script, and this page's own label and links — so it doesn't depend on any other setup on the site.
Come back here, change the label/links for that page, and copy a fresh block — each page carries its own full copy, so there's no shared setup to keep in sync.