Mobile/Hamburger Menu not working

I would like to add in that it is also not working on my side. The hamburger button does not show up on mobile, although it does on my desktop version.

Thanks,
Thu

I would like to update that somehow the button shows up on my mobile theme now. It is possible this is because of the modification I made here.

Thanks
Thu

Hey @mdwicks,

thank you for choosing Bento!
I can’t seem to be able to reproduce the issue on my machine, thus I’ll need to ask for more information from your side: could you please tell me on which browser window width(s) the menu does not appear, and in which browser? You can check the window width by opening the dev console.

@thunguyen, I’ll need to ask you for the same type of details in order to be able to troubleshoot this as effectively as possible, thanks!

Sincerely,
Andrii / Satori Studio

I will try to look up that info but I first need to clarify something. The issue is not that I can’t see the menu. I can see it fine. The issue is that the menu isn’t working. You click on the menu items (Home, Blog, About, etc.) and nothing happens. It’s as if they’re static text. It’s not always happening, sometimes the menu will start to work, but it seems to be not work more than it does.

I have had this issue happen in Safari, mobile Safari, and Chrome on a Mac, iPad, and iPhone. A couple of other people have tested it on their computers and have had the same problem.

One more clarification. This is only and issue with the hamburger menu. On a wider window with the regular menu there are no issues.

Thank you, @mdwicks, I’ve been able to reproduce the bug! Please do either of the following to get rid of it:

– un-tick the “Activate extended header” checkbox in the “Page Header Settings” area while in the edit mode for that page (the extended header doesn’t contain anything in case of this page, so you might as well turn it off, and this will fix the issue)

OR

– add this snippet to the “Additional CSS” tab of the “Appearance – Customize” admin section:
body .site-header.no-fixed-header { z-index: 999 !important; }
(this will also be added to the next version update of the theme!).

Sincerely,
Andrii / Satori Studio

I am having the same problem.

The hamburger menu doesn’t work on mobile, it doesn’t even show any of the menu items.

Have tried to reinstall the theme – no luck.

Best,
Katrine

Hey @room7curating,

thanks for choosing Bento!

The theme’s primary scripts file is not being loaded on your website – could you please try disabling the active plugins one by one to see if it’s something caused by a compatibility issue. If that does not help, I will need to ask you to send me the login and password from the WordPress backend (will not be shared with any third parties) using the contact form here – seeing the actual code and settings will enable me to provide a more precise solution. Thanks!

Sincerely,
Andrii / Satori Studio