Navbar Hamburger Animation with CSS - Bootstrap 5

No Javascript - CSS Only. Version of Bootstrap is 5

In this video I'll show you how to animate the hamburger menu of the bootstrap (5) navbar, so the toggler smoothly animates between 3 lines and an "X".
This will enhance your header navigation and make your responsive design even better

FULL CODE Here📋

#html #css #bootstrap

[victorcuellar]

Thanks friend, from Mexico; you are the big man

[timoskastanas]

Thank you so much for sharing your Knowledge. I wish you all the best in life!

[pramodghodke]

Bro, your channel is small now....bot you really doing great job🔥🤩...many more to come for you💯

[divyeshthakur]

This helped me alot. Thank you soo much ✌️

[swathikrishnaus]

Thank you so much, simply explained😀😍 👌

[petershaan]

who has a problem when the refresh shows "x" before pressing, mybe u need add a class "collapsed" in the button element on your navbar, (I was like that at first even though it was according to the video, apparently the problem is in the video, the button element does not have a class called collapsed so when we refresh it shows "x")

[alliyank]

What if we want to make the menu come from left and not top

[algeo]

Thanks! but by default, the logo on the screen is the X even if navbar is collapsed, how can i fix it?

[wolverine_d_king]

Can i add any other icon here instead the cross one

[lehlohonologlenton]

On an iPad screen size, the toggle button just shows one line. How can one fix this issue?

[JovianNanda]

idk why but it can open but cant close

[Dianaa]

thanks just had an issue when i refresh page the nav icons show "X" instead of the 3 lines

[Igor_Delega]

Hi, I have a problem because when I click on the navigation to take me to a given section, it takes me, but "X" stays.

[nayemkhannayem]

Could you please tell me
How can i use jquery in bootstrap 5

[khaledbadr]

Not bad, but it start with the "X" icon so it didn't work 100%