SOLVED: Nestable nav: Desktop Nav Menu doesn't hide with exported/imported template

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

[Please describe this bug in as much detail as possible so we can replicate & debug this bug]

In order to replicate this bug, I created a header template that consists of a nav nestable and an offcanvas (not that the offcanvas is necessary for this bug to be reproduced).
Normally, when we switch to the mobile landscape breakpoint of 767px I believe, the desktop Nav Menu should disappear. And this works. Until I export the header template and import to another site. Then when I switch to mobile breakpoint on the new site, the desktop Nav doesn’t go away. I looked at the inspector and I believe it has something to do with mismatched datascript IDs. But I might be wrong. I have to delete the whole nav nestable and add a new one before it works. But then that defeats the purpose of importing the template

Hi Oscar,
Thanks so much for your report!

I reproduced the issue and added it to the bug tracker.

Best regards,
timmse

1 Like

Good day,

I am experiencing the exact same issues. Is there a fix yet please or any advice on a fix other than having to rebuild the whole menu?

Thank you

@timmse’s solution here to duplicate the element solved the issue for me on Mobile (Desktop menu is now hidden on Mobile as expected).

Thank you

2 Likes

I have experienced this bug also. Duplicating the nav nestable and deleting the original did work for me but only for a while. The bug was soon back and I had no idea why. In the end I added my own media query to disappear the nav items at the required breakpoint.

Hi guys,

We’ve fixed this issue in Bricks 1.10, now available as a one-click update in your WordPress Dashboard.
You can see the full changelog here: Bricks 1.10 Changelog – Bricks

Please let us know if you are still experiencing issues.

Best regards,
M

1 Like