Hi, new to Bricks.
It seem pretty easy to create a mobile menu with a hamburger trigger,
but asking it to appear on Desktop looks a bit of a mess.
Does anyone have experience and some pointers on how to go about using a hamburger still menu on both desktop and mobile?
My hunch is that they should be two different menus, but hopefully I’m wrong.
Set it to ‘mobile on’ = desktop… and there you are. If it’s not working for you something more useful than ‘it’s a mess’, might help someone answer as to why.
@digismith Hi, thanks for your response.
Sorry for the vague description.
I recreated the default mobile nav in a bricks sandbox, with it set to show Always (Desktop didnt seem to do it ):
https://try.bricksbuilder.io/t50a91bb/?page_id=8
When I tried working with this to fix up the rough edges on my WIP site it only seemed to get worst.
The toggle started opening another window with a toggle to then open the actual menu.
This wasn’t reflected in the element structure.
I also found controlling the layout of the items very unruly in Desktop. That’s when I decided to reach out for help here.
Again, I’m a newbie, that’s why I’m posting this.
I was hoping someone might post a link to a tutorial since this is a fairly common pattern.
I couldn’t find any such tutorials on google though.
FYI, I did have better luck using the off-canvas element to create something that works with a hamburger at all break points.
I’m not at liberty to share the WIP atm but I could recreate it in sandbox if it were helpful.
Thanks again!
Bricks looks cool, just getting my feet wet.
I think you’re having the same struggle as many of us. The Bricks Nav has just had an overhaul, and I think it will take a while for the tutorials to show up, and the unruly elements to be refined.
I wrestled for some time to get the nav I wanted… which uses a query to fetch links, so I didn’t want 2 menus - thus 2 queries. This was then a template for a mega-menu, which is where it got weird. I solved it in the end.
It depends on if you use the WP nav, a Bricks Dropdown, a mega-menu etc. I’m no expert either, but a simple WP Nav menu element can be set to mobile all the time, and should then have the hamburger, and an X to close, automatically - with the menu sliding from left or right. I’ve done this and it works.
If all you need is a nav with boring links and / or dropdowns - it works for your case.
If you’re using the Nav Nestable, the new drop-down, off-canvas or mega-menus… then it takes some more effort to ensure it all works. In this case maybe you can share the end result you need, and we can see about suggesting a structure that works.
Otherwise, there’s help and guides here: Menu Builder – Bricks Academy
Thanks again for your insight.
Like I said the Mobile Menu on Desktop looks rly bad out of the box.
Maybe when I have more experience with Bricks I’ll be better equipped to finnesse it.
In the meantime, thankfully the offcanvas element works better without too much extra work.