Menu Not Working on Apple Mobile Devices Stays White

Store Design
,

Topic summary

A Shopify store owner reports that their mobile menu fails to load on Apple devices (iPhones and iPads), displaying only a white screen. The menu functions correctly on Android and desktop browsers.

Troubleshooting attempted:

  • Cache clearing and testing across different browsers yielded no improvement
  • Safari Web Inspector debugging (via Mac connection) revealed no JavaScript errors in the console

Suspected cause:
JavaScript conflicts from third-party apps, custom code, or theme updates may be preventing proper menu rendering on iOS devices specifically.

Current status:
The issue remains unresolved. The store URL (littlesquiffy.com.au) has been shared for reference, but no JavaScript errors were detected through standard debugging methods. Further investigation into theme-specific iOS compatibility or alternative debugging approaches may be needed.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I’m having an issue with my Shopify store’s menu on Apple mobile devices (iPhones and iPads). When tapped, the menu doesn’t load properly—it just stays white. It works fine on Android and desktop.

I’ve tried clearing cache and testing in different browsers, but the issue persists. Has anyone else experienced this? Any suggestions on how to fix it?

Thanks in advance!

2

Which Shopify theme are you using? and could u provide your website url for reference purpose?

3

https://www.littlesquiffy.com.au/

4

JavaScript is often used to handle mobile menu functionality. If there’s a JavaScript error or conflict (e.g., from a third-party app, custom code, or theme update), it can prevent the menu from loading properly on specific devices or browsers

Try this:

Open your website on an iPhone or iPad using Safari

Use Safari’s Web Inspector (via a Mac) to check for JavaScript errors:

  1. Connect the iPhone/iPad to a Mac.

  2. Open Safari on the Mac and go to Develop > [Your Device] > [Your Store URL].

  3. Check the Console tab for any errors.

  • If errors are found, identify the source (e.g., a specific app or custom code) and fix or remove it.
5

Couldn’t find any errors