Navigation menu not working on mobile devices after upgrading to 2024 them

It is working on DuckDuckgo mobile browse but on Chrome and Mozilla Firefox mobile the drown down menu is not working.

@pawanranta I can see it working with chrome mobile

My hamburger menu is now working on all mobile browsers but it is taking a long time. After the page gets loaded, the drop-down works after about 4-5 seconds.

Moreover, the hamburger icon has moved to left.

@pawanranta @avrodigital951 – a good next step to check would be to see if the issue persist when you have all plugins disabled – in case it is a conflict of some kind.

I see this issue is still active. My website, running twenty twenty four theme also has the mobile menu not working.

I tried excluding the following CSS selectors from deferral and minification:

wp-block-navigation__responsive-container-open
header.wp-block-template-part

That didn’t work.

Then I disabled Perfmatters, an optimization plugin, then the menu worked. So for me, it was a plugin problem.

Still problem-solving the exact issue, but I recommend deactivating plugins to find out which is causing the issue for you.

Good luck!

Then I disabled Perfmatters, an optimization plugin, then the menu worked. So for me, it was a plugin problem.

Thanks for checking that @mafost. It definitely does sounds like plugins which minify or adjust the javascript of the site can break the menu (depending on how they do it).

As a start, those plugins can be disabled – but it’s also possible in many cases to tell them to ignore certain javascript files – which you could also try.