Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Karim Vally
Karim Vally
156 Points

Side Navigation Bar

Hey all, does anyone know of any tutorials which I can learn from in order to make a fixed side navigation bar just like Treehouse?

Garrett Sanderson
Garrett Sanderson
12,735 Points
Garrett Sanderson
Garrett Sanderson
12,735 Points

Think of it this way, it would be the same as making a navigation fixed to the top of the browser but instead it is outside of the wrapper and is fixed. Or you can use the devtools and inspect the actual treehouse website to see the html and css of how they created that sidebar nav. Here is one of the rules below.

header nav {
background: #384047;
position: fixed;
top: 0;
bottom: 0;
}

1 Answer

Gloria Dwomoh
Gloria Dwomoh
13,116 Points

Hi Karim, check out this previous answer.

Karim Vally
Karim Vally
156 Points

Thank you very much Gloria!

Gloria Dwomoh
Gloria Dwomoh
13,116 Points

You are welcome.