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!
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!
Thanks! Much more value is given here from just building an animated menu (Codepen code conversion to Bricks Builder). Excellent tutorial! I subscribed
.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?
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.
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.
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!
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: th-cam.com/video/tCPCenbKblo/w-d-xo.html
@@OscarObians Thank You so much!!
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
Could you explain me how to add below full scale search form on mobile version?
just what i was looking for. Great explanation too. Thanks Oscar
Glad it was helpful!
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: th-cam.com/video/SZcPeCzWV2s/w-d-xo.html
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
How do you turn on that search bar for apps and stuff. Is it some extension or
@@M173M oh that's Listary. I recommend getting the latest free beta version. It's such a time saver
Awesome tutorial 🎉
Thank you 😁
Amazing guide thank you!
I'm glad it helped. More to come
Fabolous! Thank you very much.
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.
Really cool, thanks for sharing!
Thanks for watching!
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 tutorial, thank you!
Glad it was helpful!
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.
The is-active class is being added by Bricks. We have no control over that part
Amazing content thanks for sharing you just got a subscriber :)
Thank you for subscribing. Glad you found it useful
Thank you!!
great video but please lose the music.
Will do. No more music in subsequent videos 🫡