.ham8 has //stroke-dashoffset: -20px; The // is making this line invalid. If the line is enabled, it doesn't work properly. This was meant to be removed?
Thanks! Much more value is given here from just building an animated menu (Codepen code conversion to Bricks Builder). Excellent tutorial! I subscribed
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.
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.
I'll make a video on building that kind of nav menu. But you can try typing "fit-content" for the content height. And setting the menu animation to "Slide down" instead of fade in. I'm away from my laptop at the moment so sorry I can't be more accurate.
@@OscarObians actually I tried your url of the subdomain that you use in the tutorial, and after inspecting I recognised that for mobile you used a Offcanvas element. That way I was able to achieve the same result as yours. Thanks for your reply!
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...
Thanks for the honest feedback. I've received the same from several viewers. There'll be no more music in subsequent videos. Saves me the extra trouble anyways.
just what i was looking for. Great explanation too. Thanks Oscar
Glad it was helpful!
thanks but how you add the custom SVG option in the in icon ?
Make sure to choose the toggle element. In the Content tab, Click the icon option > select library > SVG
Great tutorial, thank you Oscar!
.ham8 has
//stroke-dashoffset: -20px;
The // is making this line invalid. If the line is enabled, it doesn't work properly. This was meant to be removed?
@@nickjohn1770 Yes indeed it should have been removed. Thanks for pointing that out. I've updated the code.
Amazing guide thank you!
I'm glad it helped. More to come
Thank you so much, but what about animating accordion icon?
Totally doable with the same principle. I'll make a video about it
Thank you, greetings from Armenia 🇦🇲 ❤️🤘🏻
Here you go: ruclips.net/video/tCPCenbKblo/видео.html
@@OscarObians Thank You so much!!
Thanks and subscribed 🎉
Thanks! Much more value is given here from just building an animated menu (Codepen code conversion to Bricks Builder). Excellent tutorial! I subscribed
Amazing content thanks for sharing you just got a subscriber :)
Thank you for subscribing. Glad you found it useful
Awesome tutorial 🎉
Thank you 😁
Great tutorial, thank you!
Glad it was helpful!
Really cool, thanks for sharing!
Thanks for watching!
Fabolous! Thank you very much.
Could you explain me how to add below full scale search form on mobile version?
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.
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.
I'll make a video on building that kind of nav menu. But you can try typing "fit-content" for the content height. And setting the menu animation to "Slide down" instead of fade in. I'm away from my laptop at the moment so sorry I can't be more accurate.
@@OscarObians actually I tried your url of the subdomain that you use in the tutorial, and after inspecting I recognised that for mobile you used a Offcanvas element. That way I was able to achieve the same result as yours.
Thanks for your reply!
@@OscarObians Please show us how did you made that nav menu using offcanvas, also can you add dropdown in it?
@@sokolh2710 I'm currently working on a video on it
Here you go: ruclips.net/video/SZcPeCzWV2s/видео.html
Tell us how you made the Mobile Menu Slide down from the TOP and not covering the logo etc.!
COME ON BRO!
Here you go: ruclips.net/video/SZcPeCzWV2s/видео.html I hope you don't mind that its coming 3 weeks late :) Its worth the wait
Thank you!!
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...
Thanks for the honest feedback. I've received the same from several viewers. There'll be no more music in subsequent videos. Saves me the extra trouble anyways.
great video but please lose the music.
Will do. No more music in subsequent videos 🫡