How to Add an Animated Menu Icon in Bricks Builder

If you've used Bricks Builder for long enough, you'd agree with me that the Mobile menu icon is rather limited in customization options. In this video, I'll show you how you can replace the boring icon with something more exciting that'll help your websites stand out.
----------------------------------------
LINKS
----------------------------------------
----------------------------------------
BG MUSIC
Creative Commons CC BY 3.0

[gerbendol]

Awesome video! I've seen people do cool things with these settings, but I love this solution as the default Bricks hamburger toggle is so boring. Keep up the great work, as someone new to Bricks but familiar with front-end development you're really connecting the dots for me!

[Mherhenry]

Thank you so much, but what about animating accordion icon?

[amine_arwin]

thanks but how you add the custom SVG option in the in icon ?

[adaskosb]

Could you explain me how to add below full scale search form on mobile version?

[nostressirish]

just what i was looking for. Great explanation too. Thanks Oscar

[Kirolmh]

How did you make the Nav menu(nestable) to scroll sliding from up to down and have that specific height? Because my Nav slider nestable is full width with a fadein animation (which I don't like).

I know that there is an option to set the height and width of the Nav items on mobile, but you said that you didn't style anything specific and also I would like to know how to make the sliding from up to down.

[MM]

How do you turn on that search bar for apps and stuff. Is it some extension or

[bob-pxj]

do appreciate the time and knowledge it takes to put this together, but the music is distracting to me and hinders my concentration, just a little feedback, please don't be offended...

[PeterTaylorRX]

EDIT : I'm a mor-on... you had a basic setup targetting off-canvas by default while I wanted to self-target my toggle button....
I just copy and pasted "ham8" from your forked CodePen (did not forget global classes and made sure I copied SVG and not the button) and it just won't animate upon click, I feel there is a missing step, like how does the Toggle element add the .is-active class ?I don't see it being added on the inspector.

[YasirShabbir]

Amazing content thanks for sharing you just got a subscriber :)

[digwillhachi]

great video but please lose the music.