Sticky Sidebar Nav

Hi All! I am working on a project for a client and they are really wanting a sidebar nav, like this site that’s single scroll: https://purpleorangepr.com/

I was trying to sort out how to build this side nav. Is this the best way? I was able to get the hover links to work with Scroll Spy, on another site that I have, which has standard nav across the top. It doesn’t seem to be working here. More importantly, I tried to code the nav to be sticky, on the left side - with no luck.

site.bloc (2.8 MB)

Hi @MicaZmuera, @Eldar made an awesome video on how to do this here.

2 Likes

Thanks Jerry! I think that may work. I’ve identified a few issues (ie hamburger on mobile is tricky for example). I’ll toy around with it.