I’m working on a new website where the cases have a full screen view. To make it easier I want to place an arrow on the image so it can beclicked on to scroll to the section below the header. I had this working, but somehow when i hit the button it doesn’t go down.
The reason of the issue that you are experiencing is fixed navigation, which takes full height of the screen.
In HTML5 the navigation (tag “nav”) or header (tag “header”) with fixed position automatically “cutting” screen height so the sections with the scrolling navigation would stop just UNDER that element (nav or header). Since your navbar take all screen, the section stops under the screen.
Workaround:
Wrap the navbar with section or div, make that section position: fixed and navbar make position: absolute.