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 (codepen.io)

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

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.