Mobile Mega Menus in Bricks Builder (How-To and Best Practices)

Рет қаралды 995

Ай бұрын

In this tutorial, I will show you Mobile Mega Menus in Bricks Builder (How-To and Best Practices).
Steps:
1. Introduction to Mobile-First Mega Menu Design
2. Exploring Best Practices for Creating a User-Friendly Menu
3. Setting Up the Header Section and Adding Columns
4. Configuring the Off-Canvas Element for Menu Placement
5. Ensuring Responsiveness and Testing Across Devices
6. Use the rest of the options.
Related Video:
Create a Transparent Header Menu in Bricks Builder
• Create a Transparent H...
Create a Slide Out Form With Brick's Off Canvas Element
• Video
Don't forget to subscribe to our channel!

Пікірлер: 15

@Mia_Bella420 18 күн бұрын

6:20 Happy to see you got the "Bricks Wiggle" too

@wppagebuilders 17 күн бұрын

Hi! Yes, it's one of those quirks of digital design. Thank you for watching this video.

10 күн бұрын

Good work. I would consider using some variables for you spacing instead of random px values. Also Im not sure what it is, but the sound seems a little off or jittery. Other than that, this approach is probably the best for mobile atm. Native menu from bricks is kind of okayish bit definately needs some more love in the future.

@wppagebuilders 10 күн бұрын

Hi! Thank you for your feedback and for watching the video! I appreciate your suggestions about using variables for spacing-definitely something to consider for future tutorials. Regarding the sound, I'll look into improving the audio quality to ensure a smoother experience for everyone. Your insights on Bricks' mobile mega menus are spot on, it's a great tool with room for growth. Thanks again for your support and constructive feedback!

@wario25vienna Ай бұрын

is there a reason why you put the logo and the toggle in 2 columns? you can archive that easy with grid or flex?

@wppagebuilders 17 күн бұрын

Hi, thanks for your comment and observation! The reason I chose to put the logo and toggle in two columns instead of using grid or flexbox is to demonstrate how these elements can be positioned using standard column layouts. It's a method that works well across various themes and ensures compatibility without needing additional CSS customization. However, you're absolutely right that grid or flexbox could achieve similar results and offer more flexibility in certain contexts. It often comes down to personal preference and specific design requirements. I appreciate your comment!

@EliasRise Ай бұрын

Thanks!

@wppagebuilders 17 күн бұрын

No problem! Thank you for watching this video.

@freeskateonly Ай бұрын

What about the html code you get as a result of having two different menus? In this case, all your links in the code for the search robot will be duplicated. This is more of a "bad practice" if we consider SEO. Ideally, there should be one menu, enclosed in a nav tag. I really want to read what the author of the video thinks about this. Thanks for the lesson =)

@Mia_Bella420 18 күн бұрын

Good point!

@wppagebuilders 17 күн бұрын

Hi! I overlooked the SEO aspect. Thank you for the suggestion. I will use it for future reference. Thank you so much for watching this video.

@Mia_Bella420 16 күн бұрын

Is it "Bad Practice" or your just guessing it could be? The Information I could find on the internet contradicts your statement. If you have more info on that it would be appreciated, since the mobile header issues in Bricks are huge and could be eliminated with this tutorial.

@Mia_Bella420 16 күн бұрын

@@wppagebuilders Do you consider it bad practise or not? Does it really have an impact on SEO?

@wppagebuilders 14 күн бұрын

Hi! Thanks for your comment! Mega menus can indeed impact mobile usability and SEO differently depending on implementation. Based on my experience, they can sometimes present challenges, but it's not inherently a "bad practice." I recommend testing and monitoring performance to determine what works best for your mobile header setup in Bricks. Thank you for watching this video.