Conflict: Scroll Down button (Hero banner) and Pinned Nav Bar

I’m beginning work on a new home page. I’d like to have a Hero Banner (done) with the Nav Bar pinned to the bottom. With sticky navigation. All done.

The conflict is that the Banner stack’s Scroll Down button overlaps with the Nav Bar.

Is there any way to fix this? (Aside from removing the Scroll down button.)

Here’s an example link:

I figured it out. Removed Nav Bar pinning. Just put under the banner. Don’t know if it’s the most elegant fix, but it works.


That was going to be my suggestion and would be how I would lay it out.