Bootstrap 5 RESPONSIVE Sidebar / Vertical Navigation

Here's how to create a vertical navbar to your site using Bootstrap 5 and make it completely responsive as well.
Purchase & Download the source code:
adwc.dev/products/140

[@hiutale]

A useful, easy to follow tutorial. Thank you! ^^

[@memorizingtext8855]

Just what I was looking for! Thanks for a great tutorial, Haydn!

[@gordonsaxby6409]

It seems that the menu items move down when the content gets long. How can I make the menu stay at the top?

[@edmoods]

Thank you! Amazing, detailed explanation! Nice and clean code

[@Naomi67276]

your navbar videos are amazing, it helped me out so much as someone who is working for the first time on a project ❤❤❤

[@celsofurtado2142]

Very good content. Perfect explanation. Thanks!!!

[@ADesignerWhoCodes]

Stoked! If you finish your site, drop a URL here. Would love to see it.

[@svendahl1334]

Very nice and helpfull tutorial! There's just one thing I don't understand - why is the centered vertically and how do I align it (or the items) to the top, right underneeth the logo?
Adding to the parent div kind of fixes it, but it instead messes up the toggle menu when shrinked below md.

[@pk-ww8mh]

Hey, I'm a beginner in coding and love watching your tutorials! I followed this tutorial for my project, I was wondering if I could reach out to you regarding a question I had for the navbar!

[@ADesignerWhoCodes]

Sure. Shoot me a msg on my contact page.

[@soniarahal6413]

how do you center the content in the if you put the position as fixed?

[@ADesignerWhoCodes]

Depends on how you want to center it. Just the text would be text-center. Otherwise you'd set your child smaller and set margin: 0 auto.
Here's an entire video just on centering:
ruclips.net/video/nx8jyWLy0e0/видео.html

[@soniarahal6413]

@@ADesignerWhoCodes thanks i'll check it out :)

[@fighter8931]

wow, man you are good at coding.

[@ADesignerWhoCodes]

I’m good at fixing code. Haha.

[@dilipmeena4453]

please use live server, it's panic for us to wait for the changes until you refresh.

[@ADesignerWhoCodes]

You know what? That's a really good idea. Just used to hitting refresh that old habits die hard. Thanks for the suggestion!

[@dilipmeena4453]

@@ADesignerWhoCodes yeah, you are absolutely correct "old habit's die hard" 🤣

[@terje-andreriis55]

set the menu button top right, no border, no focus edit 2 lines > and

[@gladystibay1075]

how will I make the navbar fixed to its position? every time I add content, the list don't stay just under the logo.

[@ADesignerWhoCodes]

There’s an option in bootstrap for a fixed position