anchor links don't jump to the proper place

[Janina]

hi

so i have this page: https://atelierparadiso.com/services
the 3 elements are anchor links.

if i click them they don't jump to the proper place & slightly cut off the heading.

it works okay-ish for the first link/section but section 2 + 3 are cut off.

i found this code snippet and added it to the global custom css section but it didn't work:

a[data-hs-anchor="true"] {
display: block;
position: relative;
visibility: hidden;
top: -100px;
}

https://community.hubspot.com/t5/Share-Your-Work/Anchor-links-leading-to-the-wrong-section-of-the-page-SOLVED/m-p/364418

do you have a suggestion of how to fix this? maybe i did insert the code at the wrong place?

[arminunruh]

hey in lay options

see "anchor/expandrow scroll space top for desktop"

try a value here like 100 or you can try a negative value

mmh remove that code, i think it doesnt do anything:
a[data-hs-anchor="true"] {
display: block;
position: relative;
visibility: hidden;
top: -100px;
}

[Janina]

perfect!! thank you