How do I set an offset for anchor links?

How To
1

Hello,

I want to link to a specific section of a page, just like this. Everything works fine, but unlike the “Academy” example, no offset is applied; the viewport aligns exactly with the anchor link.

Academy

Academy
Academy670×321 15 KB

My site

My site
My site589×234 8.27 KB

3

You can handle this with CSS on the target section or globally for anchor scrolling.

For a fixed header, add something like this to your CSS:

html {
  scroll-padding-top: 100px;
}

Or apply it only to specific anchor targets:

#your-section-id {
  scroll-margin-top: 100px;
}

Adjust 100px to match your header height or desired spacing. This is normal browser anchor-scroll behavior rather than a Bricks-specific offset setting.