Discover the best side-bar websites created by professional designers. Get inspired and start planning your perfect side-bar web design today!

Get the code to keep the navbar open or closed from page to page, remembering its state on the previous page by signing up for T.RICKS Patreon at https://www.patreon.com/timothyricks

T.RICKS Side Nav

Side navigation menu that minimize and expand on mouse hover or out. Inspired by Integromat user dashboard.

Nothing too fancy here. Just functional. 😎

If you need help in implementation, DM me. I'll be around.

Have fun cloning. 😄

====================

💖☕ Support us by buying us a coffee.

If you enjoy our content, please consider supporting us. Your support will help us grow bigger and provide the community with better content.

https://www.buymeacoffee.com/sketchzlab

===================

💌 Follow us on social media.

Facebook @ www.facebook.com/sketchzlab
Instagram @ www.instagram.com/sketchzlab/
Twitter @ www.twitter.com/SketchzLab
Webflow @ www.webflow.com/SketchzLab
LinkedIn @ www.linkedin.com/company/sketchzlab/
YouTube @ www.youtube.com/channel/UCAEXTAQ7IAG71rsJ1ehBnzQ

sketchzlab-cloneable-9

Side Navigation Menu - Integromat Style

This is part of a membership directory template I will be releasing soon. 

The main content container remains responsive as you open and close the sidebar. 

Use the fixed icon to activate the sidebar or place one of the prebuilt triggers on the page to customize the experience. 

All breakpoints have been addressed.

Responsive Sidebar

As web designers, we are always looking for interactions that will set our websites apart from others. 

In this week’s Webflow workshop, we’ll show you how to create a sticky side menu that follows the user within a contained section. We’ll focus on using a IX2 interactions, element structure, and positioning.

Generic Template

Sidebar Workshop

Change content on a sidebar column as you scroll content on the other side. A like and a thank you note are always appreciate it.

Clone - Changing Sticky Sidebar | Aaron Ocampo

A demo of some custom css, position: sticky
Feel free to clone and see how it was done.

Sidebar scroll

sidebar-scroll

A simple but effective CMS filtering system using Finsweets CMS filter attribute. The sidebar is sticky as well.

I'm available for hire: forsjonathan.com

Collywobbles

Finsweet CMS filter with sticky sidebar – Ready to use

Support for design questions: https://forum.webflow.com/c/design-help.

Fixed Sidebar Navigation

Fixed Sidebar Navigation Example

Step Labs

A cool sticky side bar component that can be added to and edited with ease. Available as a cloneable!

Discover side bar websites built by the Webflow community

Discover side bar websites built by the Webflow community