Anchor scrolling behavior, section cut off behind menu

Ask the community
,
1

Question:
I am struggling to figure out how to prevent the top of the anchored section from scrolling behind the site header/menu. The header scroll effect is set to “freeze”, with overlap set to “none”, yet when scrolling to an anchor, the header overlaps the top of the anchored section. What am I missing?

Product:
Wix Studio

What are you trying to achieve:
When using an anchor menu or button, I would like the anchored section to scroll to the bottom of the site header, so that the menu isn’t cutting off the top of the section.

What have you already tried:
Read WIX Studio help section on using anchor menus. Searched message boards for similar questions; found this example, which is still unresolved: Anchor overlap by the header - Ask the community - Wix Studio Community forum

Additional information:

1 Like
2

add the header height in px to padding at the top of the section. This will ensure any content wont be hidden behind the header.

2 Likes
3

The suggestion to “add height” in padding to the section would also mean that we would have to set this manually for each breakpoint. The logic should AUTOMATICALLY add the height of the header to the scroll logic because the header can be any size at any time in any given design and breakpoint. This can’t be done by math cleanly and universally. Needs to be done by logic in the scroller code when freeze is active.

2 Likes
4

Hello, thanks for the suggestion. How do I add this padding? As I see it adds a gap at the top of the section.