How to Use The Bricks Builder Nav Menu: Beginner's Guide 

Great video, Dave! I'm sure many people will find this helpful. Also, for anyone who might still be confused about the difference between the "Active" menu item state and the ":active" pseudo-class, here's the explanation: As Dave mentioned, the "Active" state for the menu items is meant to style the specific menu item for the page the visitor is currently viewing -- basically a "YOU ARE HERE" designation -- but this shouldn't be confused with the :active pseudo-class state. Instead, the :active pseudo-class is intended for accessibility purposes for visitors that might be using screen readers and keyboard navigation. Consider it basically the equivalent of the :hover pseudo-class when a visitor is using a mouse to navigate, but that doesn't help with keyboard navigation because they aren't "hovering" over the item. So, :active to the rescue, which WILL activate whenever the keyboard user has selected that menu item. Also, :focus is another similar pseudo-class that you may want to consider using for accessibility purposes. Therefore, :hover, :active, and :focus all achieve essentially the same thing, but for different purposes. That's why I usually consider it a good measure to not only style your links for the :hover state, but then also duplicate the same settings for the :active and :focus states, too. That way, when someone using keyboard navigation or something other than a mouse interacts with the page content, menu, and links, they will basically have the same visual feedback as the person using a mouse. Accessibility is important, so don't neglect those settings and prevent visitors from having a great experience on your sites! Hope that helps!

So good to have you back and especially doing Bricks content. Honestly, a real treat!

This is possibly the best tutorial I've ever seen on anything. Just signed up for you class.

Thanks so much for making the PDF tutorial! Much faster than following a video. I wish everyone did that.

Great to see you back on RU-vid Dave. You're an excellent teacher and your Bricks course has been invaluable in helping me to upgrade my websites to Bricks from older pagebuilders.

I would pay monthly subscription to learn from you. For sure one of the best tutors I've seen on RU-vid.

One of the best teacher i had and have for my adventure in web dev world Thank you

I love your shirt! Great tutorial man, keep it up 🤙

Best explanation of the Nav Nestable I've seen yet. One thing I noticed is that if you have the site at Tablet resolution (on a desktop) and then scale it back out to desktop, the mobile menu stays and the close toggle vanishes. On..... Elementor.... there was a setting to close the menu by clicking anything other than a menu item (at least I think there was , but can't be certain - my subconscious has buried a lot of the Elementor experience). This is a small thing and may be because of the break point at which I added the close toggle - do elements hide if you add them at a certain break point? Will have to check... But anyway, like everything Bricks, the menu is simple to work with.

Awesome to see you back in free YT videos, the gateway drug to all the other training goodness you provide!

Dave has been a big part of my website development success. I can't wait to watch your videos; keep 'em coming!

Nice to see you back on RU-vid. Hey when you get a minute... Have you created a video just about Bricks and why someone like me (a one person agency) might be interested in learning yet another builder? If so, I'd love to see it! If not ... why not? I'm sure there are others like me curious and would love some comparisons.

Perfect! Thanks Dave. More Bricks content please. Also, if I couldn't hear your voice I would only have to look at your arms to know it's in a British accent 😂

Thanks for covering Bricks!!!

Glad to have you back! Specially for now being part of Bricks family!

Great to see you back in full swing!

Delighted to have you back in good heath Dave !

So glad to have you back here with this amazing Bricks content!! 😊 I am amazed of your video and editing quality! Such a joy to watch you!!! Welcome back, Dave!

I took the unusual path: Coming from your course and now learning, you also do youtube videos! 😂 Great to see you here, also 🎉

Thank you David!

Very good tutorial. Thank you

Thanks for your great video, very helpful !

Lets goooo! Yeah Dave is back. Looking forward to enjoy your videos

Welcome back to RU-vid Dave. You’ve still got the gift. I am not a Blocks user but your content is always well done.

excellent stuff and many thanks for excellent video keep up the good work

Thanks Dave

Nice one, Dave. Welcome back :)

An fantastic tutorial THX👍

Better watch it: You’re liable to class up this joint! Welcome back to RU-vid, my friend!

Ive started just giving the one toggle a z-index of 10000 (your open toggle) then having it animate the close icon. Works really well and avoids having to think about its location as it is simply shining through the canvas

Great lesson

Good to see you on any platform Dave - always deliver helpful material.

This video continues to be of help to me thank you!

Awesome video, thanks so much!

Dave, what a surprise in more ways than one!!! Remember the days (2016-17) from that other Page Builder, right! I see we've both graduated and migrated to Bricks. We've got to catch up - Great tutorial as usual.

Hi Dave - excellent video. Had it open on screen two for a few hours today! For the mobile menu. Not sure you need a seperate close toggle. Just use the open toggle to close the menu also. This is probably expected by users in relation to UI. On the toggle you can change the animation - something like "spring". This then acts as an open and close for the mobile menu. Thanks again! Dan.

Outstanding tutorial thank you very much and I hope you continue making such high quality tutorials.

Thanks for this! Very clear and comprehensive.

Much thanks! I feel much more informed. Looking forward to the mega menu and off-canvas videos!

I missed you - glad you are back! Hope you stay a while.

Great video Dave, great to see you back on RU-vid👍

I am glad you're back. Could you please do a video from start to end of building a small website with Bricks? Please!

Lovely! Awesome come back! Will be waiting for more of such amazing content. 😊

Mind boggling! Thank you for your tutorial! Mike

I'm just wondering if it was possible for them to have made this any more complex, confusing, and unintuitive. Many thanks, Dave, a lifesaver. I hope there are more in-depth tutorials about the off-canvas and mega menus on the menu :) Something I wouldn't mind paying for if you had a small course in mind.

Very good video, thanks

Wow! Thank you Dave. Clear manual, love it

Thanks for creating the video 🎉🎉🎉. The Mobile Menu was one of my headaches, besides unwanted Error Logs 😂 👍👍👍

great video thank you

Your video is very helphul to me. Could you please made a short video that shares how to set up the "search" function in the bricks builder. Thanks a lot.

Welcome back!

Congrats Dave! Very impressive the improvements in your video edition, it looks amazing. And great tutorial BTW, thanks for sharing!

Thanks a lot 👍

Welcome back.

3 years bro!!!

Thanks Dave! Love this!!

Thanks! What a delightful tutor and video, you remind me of Dominic Monaghan 😅

Dave, this video is excellent! 😃🙌🏻🙏🏻

Wait... Were you thinking you'd get away with free Bricks tuts on YT without telling me?? Busted Foy! Thou shall be followed closely! 🤪

Hey Dave, liked the presentation - great job! Any idea when you’ll create the videos about the mega menu and multilevel?

"Naked dancing in the streets? No, just me then" 😁😆😅

Good to see you've come out of RU-vid retirement, Dave. I've been forced into watching repeats of Last of the Summer Wine since you've been gone.

Which is a better build: Bricks vs Breakdance - which has more features and is easier to use?

Is there any way we can copy this whole component, for desktop and mobile menu? Can you upload it somewhere please

Can you please do a video on dynamic mega menu? Thanks

Awesome tutorial, so glad I found your vidoes. Question if you want the close button top right you'd need to use the off canvas function instead? I couldn't get it to work with the one shown in this video. Whats your opinion on Breakdance, i find it so much easier, do you think its worth the extra money than Bricks? Cheers

Great tutorial, Dave. I do have one issue, though. As you suggested, I included my menu hover settings on the Nav (nestable) but I also included a button within the menu. The styling on the button is from my theme styles and so perhaps not surprisingly it's the menu hover styling that shows when I hover over the button and this just doesn't work with my other button styling. I tried resetting the button hover styling on the menu button within the menu but this has no effect. Is this a bug or just one of the cases you mentioned in the video where it will be necessary to set the styling on the individual Nav links rather than the Nav (nestable)? I haven't tried it yet but I presume this would work:

Does Nav links automatically have HTML tag of “li”

Bang'n dave ;)

I'm trying to work out how to change the hover for the CTA button thats inside the menu. I set the menu hover colour to orange (for example) but my button is orange, so when you hover, it has orange on orange - I have styled the hover for buttons to white text, as well as trying to target that button in the builder to white. In the builder it looks fine though live, it hovers orange again. Is there a way to make this work (unless it's requiring custom CSS)

thumps up - and comment ... yeah : D

The Nav menu in Bricks is awesome, but I'd be careful calling it "It's the most powerful and flexible nav menu builder you'll find in any page builder". Just take a look at Cwicly: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_5v8ceDOo7w.html

Free cheatsheet: davefoy.link/bricks-nav. My free 45 min Bricks masterclass: davefoy.link/bricks-masterclass

your video is way too looooong! please make it shorter and more concise

Oh welp, I will have to move from elementor to Bricks. Elementor support has to be the worst one.

"I'll be back to you with your PDF very shortly"? OK. Then I will be back shortly to finally watch the rest of your video, and maybe change my Dislike to a Like afterward.

Hello Dave, what's the news of Brizy Pro? we bought life time licence and there is no good news while other builders are growing rapidly. 🥲 Is the company behind Brizy is still developing brizy for WordPress? I know you are not the owner but you are very closely involved in making videos abot it's features.