Product Landing Navigation Menu

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.

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

Here is the link to my code so far:
Product Landing Page (

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.

Thank you for the info. It works great now