SOLVED: Nav Menu: Hamburger toggle not shown on mobile breakpoint

Bricks Version: 1.5.6
Browser: Safari 16.1
OS: macOS Ventura 13.0

I have noticed an issue when editing in Bricks 1.5.6 where the Nav Menu will not display correctly for mobile navigation when enabled on various breakpoints. No matter which breakpoint, the mobile menu nav never displays and instead the full text links show instead of the hamburger menu icon.

Screenshot below. I didn’t see this issue reported yet but seems to be happening on every website I’ve updated to 1.5.6 so far (some updated to 1.5.6 from 1.5.4 and others from 1.5.5, about 5 websites total).

1 Like

Hi Dustin,
Thanks so much for your report!

I was able to reproduce the issue and added it to our bug tracker.

Best regards,
timmse

Hey @d19dotca ,
Bricks 1.6 beta contains a fix for this problem. However, we would be happy if you could briefly test whether the problem is fixed so that we can include it in Bricks 1.6 stable.

You can find the beta version in your account:
https://bricksbuilder.io/account/?v=1.6-beta

Best regards,
timmse

1 Like

I’ll try to test this out tomorrow :slight_smile: Will update soon.

Tested on 1.6 beta and it seems to be resolved. Updating to 1.6 beta did also revert the temp fix you had in the other bug, but that’s okay as it’s still a development site anyways for now.

1 Like

How sure are we this is “Solved”? I am seeing the same behavior in 1.6.2

I haven’t seen this issue for a while now, since 1.6. Is it perhaps an issue with a caching or optimization plugin on your install? Just something else to consider at least, assuming it isn’t a Brick’s bug anymore.

Yeah, it’s driving me crazy. Have turned off the CDN, dumped caches, disabled plugins, and there’s still no hamburger on mobile. Been searching for an answer for a couple of weeks and found this thread. Thought I would ask since that seemed like a pretty significant coincidence.

Hey Rob, If you can provide me with a link, I can take a quick look at the code :nerd_face:

Thank you for the offer. I found the same behavior on three of my sites that worked before, so I have to assume something happened, maybe during the last update. I needed them running, so I deleted the nav menus and started them from scratch. That seems to have solved it.

1 Like

If you make it a “Global Element”, the responsiveness capabilities go away, the top-level menu starts showing up on all display sizes (and badly formatted)

cjduarte’s comment about making te nav element a global element and the responsiveness disappearing as an unexpected result, is still happening in Bricks 1.9.4.
The nav menu on its own works fine. I need three different header templates and want to have just one menu that I can add to all three. So I made the (non-nestable) nav menu a global element, and as soon as I did that, the hamburger toggle stopped showing at the set breakpoint.

I’m still looking for a way to have a single nav menu that can be added to various header templates and just work. Tips and suggestions are most welcome!

Hi Bart,
Welcome to the forum!

What about saving the menu as a section template and use the template element to insert it into your header templates? Would this be a solution?