# Anchor links when clicked is chopped off by header **URL:** \ **Category:** Website Builder\ **Tags:** cms\_menu\ **Created:** [November 9, 2025, 10:51am UTC](https://community.sitejet.io/t/anchor-links-when-clicked-is-chopped-off-by-header/5323 "2025-11-09T10:51:22Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![Kenwin\_Z](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/kenwin_z/32/2545_2.png) [@Kenwin\_Z](https://community.sitejet.io/u/Kenwin_Z)\ **Post date:** [November 9, 2025, 10:51am UTC](https://community.sitejet.io/t/anchor-links-when-clicked-is-chopped-off-by-header/5323/1 "2025-11-09T10:51:22Z")
Hi, can the experts help me out here, when I click on any anchor links (try the icon buttons on the sidebar), it jumps to element but is chopped off/covered by header(I used basic template with a sticky header), how do I fix this or add height to it so it properly displays after the header? It’s supposed to jump/scroll to the title of each clicked element Click on link below [MG EXIA BLUE TRANS-AM - Showcase: Masterpiece - Kenzbuilds: All About Gundam Modelling 2.0](https://26c91e-81e9c.preview.sitehub.io/showcase-masterpiece/mg-exia-blue-trans-am#info) Many thanks ---
**Author:** ![Kalisperakichris](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/kalisperakichris/32/3572_2.png) [@Kalisperakichris](https://community.sitejet.io/u/Kalisperakichris)\ **Post date:** [November 11, 2025, 7:12am UTC](https://community.sitejet.io/t/anchor-links-when-clicked-is-chopped-off-by-header/5323/2 "2025-11-11T07:12:58Z")
Hi @Kenwin_Z, What’s happening: - You have **a spacer div first** - And **the element you’re linking to (the one with the random id)** is the **next div** : - Your header is sticky/fixed. When the browser jumps to `#ed-207724779`, it scrolls so that **that exact div hits the very top of the viewport**. But your sticky header is sitting there, so it **covers the top part**. The spacer you added is **above** the target, so it doesn’t help — the scroll goes straight to the element with the ID, not to the spacer. So the short version: > You put the anchor/id on the element that starts right under the header, not on the element that has some space above it — so the sticky header overlaps it. Ways to fix in Sitejet: 1. **Put the ID on the spacer (or on the wrapper above the spacer)** instead of on the inner container. 2. Or add global CSS like: That’s why it “lands like screenshot one” — the scroll position is correct for a normal page, but your sticky header steals the space. ![Screenshot 2025-11-11 090257](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/2X/a/a124ab4c19394c11f43bf2d6b5750caa430c0d63.png) ---
**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\ **Post date:** [November 11, 2025, 8:13am UTC](https://community.sitejet.io/t/anchor-links-when-clicked-is-chopped-off-by-header/5323/3 "2025-11-11T08:13:41Z")
This is why I like the community 🙂 ---
**Author:** ![Kenwin\_Z](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/kenwin_z/32/2545_2.png) [@Kenwin\_Z](https://community.sitejet.io/u/Kenwin_Z)\ **Post date:** [November 11, 2025, 11:24am UTC](https://community.sitejet.io/t/anchor-links-when-clicked-is-chopped-off-by-header/5323/4 "2025-11-11T11:24:33Z")
Thank you so much, solved my headache ---
**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\ **Post date:** [November 18, 2025, 8:25am UTC](https://community.sitejet.io/t/anchor-links-when-clicked-is-chopped-off-by-header/5323/5 "2025-11-18T08:25:34Z")