Mobile Hamburger Menu Not Working

I was able to use a secondary mobile phone (Android) to see if the issue persists. Interestingly, the menu overlay/hamburger icon works correctly on Android/Chrome. Issue #1 seems to be specific to iPhone (I am using the 6s). It also seems to be an issue no matter which browser is used; I tested it on Safari, Chrome, and Firefox, all to no avail.

Weirdly the same thing happened to two of my websites, both using the 2017 theme. I tried Android and iphone, neither worked. Eventually SUPPORT (I am hosted by WP.com) added a CSS fix, while they try and work out what is happening. You are not alone.

We’ve just spotted this issue on a number of our website using a twentytwentyfour child theme. I’ve tried disabling all plugins, switching to the parent theme, clearing Siteground cache but the issue still persists in that the hamburger menu doesn’t work on some iphones using the safari browser

Is there a fix available for this?

https://henryframptongroup.com/

Found out a bit more here https://www.ads-software.com/support/topic/wp-6-7-2025-mobile-menu-sandwich/

I’m a bit saddened that I was admonished for replying to another topic about the same issue, while I’ve been left to deal with the problem on my own, without any support.

As many others have pointed out, this appears to be a known issue. I am quite saddened that we are being put on the back burner, regardless of how “old” our mobile devices may be.

Other people/Google searches have pointed out that this issue occurred after a theme update, and some people reported experiencing the issue on the new iPhone 16.

To me, there is a clear issue with the iOS software interfering with the basic pop-up function.

I personally need a fix to this problem. It is impossible to use the Overlay menu. The overlay menu function may as well be derelict, since it is possible that this issue is happening on other devices (and I don’t have nearly enough devices to test it out to see where the issue persists).

Some sites, mine including, have too large of a menu to not use the overlay menu.

So what are the options, other than not using WordPress? There is a mobile-specific issue which renders the mobile navigation useless. This should be a big deal, especially with so many different users reporting the same problem.

Please, somebody, anybody, I need help with this.

• This reply was modified 2 months, 2 weeks ago by lawleypopped.

https://core.trac.www.ads-software.com/ticket/62533

From what I can tell, people are aware of the issue, people know what is causing the issue, but there is no plan to fix it.

User TimBHowe states “This error occurs because iOS 16.3 and lower versions don’t support ECMAScript modules (ESM) natively in all cases.”

So how did the mobile menu work before? Wouldn’t it make sense to revert to a system that works in all cases?

I’m not the person to know how to solve this. I’m just asking what I think is really obvious questions. It worked before, now it doesn’t. We (some people) know why it’s not working. Why would a fix not be planned?

This affects a number of my clients, all who use iPhones, sometimes it’s not as simple as suggesting they use a different mobile browser. I do hope this issue can be resolved as this could affect a bigger percentage of users depending on the type of website where iOs use may be higher (art / music websites)

I’ve be interested to know if anyone has a workaround aside from using a separate responsive menu plugin which looks like will need to be our stop gap solution until this is hopefully resolved.

I have the same problem but it seems limited to Ios 15.x, on vers. 18 it works correctly

Hi,

Sadly I have the same problem here! Is anybody found a work around?

Hi everyone

I have the same problem. Any luck solving the issue anyone?

@shetlandoffgrid do you know what the CSS fix was? In the end we’ve just reverted to using the fullscreen mobile menu plugin instead for now on our websites using a twentytwentyfour child theme. There doesn’t seem to be much coming out from the theme developers about a fix, I accept that some older browsers no longer get supported. But, some of these safari browsers are still quite recent in terms of usage.

I will send a message tomorrow to Support asking if I can have a copy of the CSS and post it here if they respond.

Thank you @shetlandoffgrid.
But as @lawleypopped mentioned, it’s more a Ecma Script problem that is not supported by “old” devices, so I’m not sure css will solve anything ??

update : https://core.trac.www.ads-software.com/ticket/62641#comment:5

• This reply was modified 3 weeks, 5 days ago by Obje.

I have a copy of the code. The menu problem affects new devices too, both Android and iphone.

/* Make menu accessible in 2017 theme as a workaround | 9106175-zen SB */
.menu-test-container * {
display: block !important;
}

Thank you @shetlandoffgrid, it helps !

but it’s a bit more complicated, because this code make the menu visible all the time.
It would be useful if this code is assigned to the menu only when the hamburger menu is triggered.