Product Landing Navigation Menu

[Petroman]

I am having problems with the navigation. I have a sticky header in place. When I select an item from the navigation menu it seems to scroll up ok. however when I select the video from the menu it scrolls down but not enough to move from behind the header. I can manually move it down from the scroll into view though.

[bbsmooth]

I think we would need to be able to see your project in order to offer any good help.

[Petroman]

Here is the link to my code so far:
Product Landing Page (codepen.io)

[bbsmooth]

What you are looking for is scroll-padding-top.

:root {
  scroll-padding-top: ???;
}

I would recommend you set the value to just slightly bigger than then header.

[Petroman]

Thank you for the info. It works great now