iPhone Safari: Mobile menu tap delay / not responding + slow page transitions

Hi WoodMart Support Team,

We have a Safari iPhone performance / interaction issue that we couldn’t fix from our side:

Problem summary (iOS Safari only)

On iPhone Safari, the mobile hamburger menu often doesn’t open immediately.

Users must wait several seconds, sometimes it feels like the menu button is not responding, then it opens later.

Also when navigating between pages on iPhone (Safari), there is slowness / lag, and UI interactions feel delayed.

Expected behavior

Menu should open instantly on tap.

Page transitions should not block UI interactions.

Affected environment

Devices: iPhone (multiple models)

Browser: Safari (iOS)

Issue does not reproduce the same way on desktop browsers / Android (or it’s much less noticeable).

Steps to reproduce (consistent)

Open site on iPhone Safari.

Try opening the hamburger menu right after page load OR after scrolling a bit.

Menu tap is delayed / sometimes doesn’t open until waiting.

Navigate to another page and repeat; delays continue.

What we already tried

Disabled cache/minification features temporarily (no stable fix)

Tested with fewer plugins (still happens)

Cleared cache / tried private mode

Notes / suspicion

This looks like an iOS Safari touch/click handling + rendering/performance issue (tap events sometimes don’t trigger reliably during/after scrolling or under heavy JS). We saw similar iOS/WebKit behavior discussed in Apple’s dev forums regarding touch events not firing in some scroll states.
Also we found WoodMart community topics that sound very similar (mobile menu not working on iPhone Safari until refresh / after update).

What we need from you

The best way to debug WoodMart mobile menu JS on iOS Safari (any known issue / patch / setting).

Which exact scripts should be excluded from minification/defer/delay JS for iOS Safari.

Any known conflict with off-canvas menu / sticky header / mobile navigation on iOS Safari.

If this is a known regression in a specific WoodMart version, please confirm and share the fix/workaround.

Can you advise what to send you?

We can provide:

iPhone screen recording showing the delayed menu response

Safari remote Web Inspector console logs

Theme version + plugin list

Any performance report you prefer (Lighthouse / WebPageTest / etc.)

Thanks in advance.

Hello,

Thank you so much for purchasing our theme and contacting our support center.

Could you please disable all plugins that are not related to our theme and test how it works? Send us a short video that demonstrates this issue.

Kind Regards
XTemos Studio

okay i did create a staging website that we can work in as i can’t do that in live enviroment and i did as you told me, deactivate plugins and screen record for Safari browser. You can check the login details again from the Private content section as you have full access and full controll of anything , you have my approval to do any testing on this staging website

i added the video using Google Drive for easier access

Hello,

Thank you for providing the details and the video. As we can observe, you are attempting to open the mobile menu before the entire page is fully loaded. The mobile menu script, along with all other scripts on the page, is initialized after all assets have been loaded. Consequently, you can click and open the mobile menu later. The issue arises when your website loads slowly or you have a slow internet connection. Once you enhance the page loading speed, this problem will no longer affect you.

Kind Regards

<p>Hello Woodmart Team,</p>

<p>Thank you for your reply. The current behavior suggests the mobile menu is initialized only after window.load (once all assets finish loading). This causes the mobile menu button to remain non-interactive on iPhone Safari while the page is already visible.</p>

<p>Since navigation is a critical UI control, it should be initialized on DOMContentLoaded (DOM ready) or earlier, allowing the menu to function while non-critical assets continue loading in the background.</p>

<p>Request:</p>

• Please confirm which Woodmart script initializes the mobile menu and which event it is bound to.
• Provide a theme-side fix, hook, or patch to initialize the mobile menu on DOM ready instead of waiting for full page load.
• If this behavior is intentional, please advise which Woodmart settings or script exclusions should be applied so the menu is not delayed on iOS.

<p>Notes:<br>
The website uses only essential theme plugins (Woodmart Core, Woodmart Images Optimizer, Breeze, WooCommerce, Dokan, Elementor).<br>
The issue is reproducible on iPhone Safari, while Android opens the menu instantly under the same network conditions.</p>

<p>Kind regards,<br>
Ahmed Magdy</p>

Hello,

We will review the ability to change the event for the mobile menu on our next theme update. While it might look like a simple fix, it still requires a lot of testing since it may not work with other functions after unsynchronizing them.

Kind Regards

Hello,
Thanks for confirming. Understood regarding testing.
Could you please provide a temporary workaround (official hook/snippet or recommended settings) to make the mobile menu interactive before full page load on iOS, without waiting for the next update?
Also, please share the ticket/reference for this change and the expected theme version where it will be included.
Kind regards,
Ahmed Magdy

Unfortunately, there is no temporary workaround for this. We will consider implementing this in our 8.5 update.

[Author]

Posts