Mobile menu woes

I’m about 99% sure this is something I’m missing and not a bug - my hamburger menu on mobile does absolutely nothing :frowning:

I’ve spent a while trying to figure this out, but I’m stuck and my menu won’t open! Has anyone seen anything like this before and has any idea how to fix it?

I’ve read through a few similar threads and tried their solutions but they didnt work.

Here’s a live link:

Thank you so much, you will save me if you help with this :pray:

I’ve not experienced this before and I’m no expert but comparing it to my website, it looks like your menu is missing some extra code in the HTML.

Is the menu down as a menu in Bricks template area and showing up in the wordpress dashboard menu area?

More experienced devs might be able to explain better though I assume it might be something within the bricks builder or the wp dashboard you might just have to amend

Thanks for getting back!! I think all is good with that though, this is my structure.

It’s showing up correctly as a header template and on desktop it works great

no problem

on the left hand side do you see these options?

I do not! Are you using the nav element, or nav nested? I’m using nested.

ahh ok it sounds like you may have created the menu in a slightly different way maybe?

So essentially the way I do it is I use the nav menu element, this will do what you want automatically

ensure you have a menu with pages under appearance → menus (in the wordpress dashboard area)

Double check this video. I’ve found it invaluable when building menus.