Vertical full height Navigation Menu

Community resources Show & Tell
1

Hi all, here’s a demo of a site with vertical full height navbar. There are numerous request for this structure so here is a demo. Tags: anchor links, vertical, menu, fixed, sticky, ID

Site : http://vertical-nav-menu.webflow.io/

Read only : https://preview.webflow.com/preview/vertical-nav-menu?utm_source=vertical-nav-menu&preview=a78222051e968b45814c89586c5079b8

Edit: I added a demo for CSS Sticky, newly supported by Webflow, inside of each section.

4 Likes
2

Thanx, much appreciated

1 Like
3

Hi @vincent , thanks for all your work on Webflow. As a new member, I’ve used lots of your advice on this forum to build my site.

Im sorry if you’ve answered this before but where is the custom CSS code for the sticky section you added? I see the vmsection Div block but couldnt find where the custom code goes?

Thanks again!

1 Like
4

You’re going to like this one. There’s no custom code for CSS Sticky, because Webflow supports it in the refresh of the UI panel.

Make sure you’re on the new panel, bring Sticky from the Position menu, and add a top or bottom value (even if it’s zero, type zero)

http://vincent.polenordstudio.fr/snap/Webflow_-__Sandbox_2019-01-28_09-11-38.png

I’ve built an advanced demo for sticky / horiz scroll here: Sticky + Horizontal Scroll Demo - Webflow

1 Like