15 Free YouTube subscribers for your channel
Get Free YouTube Subscribers, Views and Likes

Animated Custom Hamburger Icon in Navbar in bootstrap 5 (with a gradient)

Follow
A Designer Who Codes

Turn the default Navbar toggler in Bootstrap to a custom animated icon to add some flare to your next web design.

Oh and easy math too! I promise.

Purchase & Download the source code:
https://buy.stripe.com/8wM4jCcaLbMBgi...

** Whoops! I made a mistake **
Head's up everyone. I made an error in my coding. This version works in Chrome but not Safari. Here's the patch for it: https://github.com/haydn5/animatedna...

The error was using margintop instead of position: absolute and then top. I've provided the files gratis via Git Hub. Kudos to a subscriber for pointing out the error.

Thanks,
Haydn

P.S. It's still easy math ;)

How to Build the Navbar in Bootstrap 5:
   • Bootstrap 5 Navbar Tutorial  



⤵ Download ALL of my source codes & more!

Introducing ADWC PRO
https://pro.adesignerwhocodes.com

ADWC Pro provides you with:

• Access to all the source codes for ALL projects
• Bootstrap Bootstrap online course (retail $79) w/ supplied source code
• All future online courses (Gatsby v5 course coming soon)
• Updates of ADWC and the web dev business
• and more!

Price:
Just $6/mo. or $49/year (32% off monthly)



Got a question for me?
https://adesignerwhocodes.com/contact/

posted by kevin0426tf