How to find header ID in Squarespace

Nick Shylo

3 Nov 2024

Squarespace 7.1 header ID

#header

Squarespace 7.0 header ID

.Header

Up next

Navigation

Create smooth same-page links in Squarespace without code using section IDs

You can link to any section on the page — perfect for buttons, navigation links, “scroll to next section” buttons, pricing sections, contact forms, and more. 1. Create a section and set the ID Open the section settings and go to: Edit Section → Design → Anchor Link Add your section ID there. You’ll use […]

15 May 2026

Navigation

How to create a trendy frosted glass menu in Squarespace

A frosted glass (glassmorphism) menu adds a blurred, transparent background effect to your Squarespace header, creating a modern floating look. You’ll get a header that: Example: As you can see, the background behind the navigation bar is slightly blurred. Squarespace now includes a built-in option to create this effect without any coding knowledge. Open the […]

12 May 2026

Basics

How to add an ID to a section in Squarespace

Once Squarespace introduced section IDs, it became much easier to apply custom tweaks. Now you can target sections using real IDs in CSS and JavaScript—instead of relying on cryptic [data-section] attributes. You can even reuse the same code across multiple sections or pages, which makes simple templating possible. When is this useful? There are plenty […]

2 May 2026

How to find header ID in Squarespace

Squarespace 7.1 header ID

Squarespace 7.0 header ID

Share

Up next →

Up next