Why isn't jQuery functioning on mobile but works on PC?

Topic summary

A jQuery implementation works correctly on desktop but fails to display properly on mobile devices (iPhone/Android). The issue occurs in a Shopify Dawn 5.0.0 theme with a custom section containing jQuery code for toggling text, images, and buttons.

Visual Evidence:

  • Screenshots show the feature functioning on PC but broken on mobile
  • The code includes jQuery selectors and event handlers for slider/toggle functionality

Attempted Solution:

  • One suggestion recommended using <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> for jQuery inclusion

Resolution:

  • The original poster resolved the issue independently by adding the full CDN path for jQuery version 3.7.1
  • No changes were made to the existing code itself
  • The solution now works across all devices
Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

It works properly on my PC.

And how it looks on mobile iPhone/Android.

Theme version Dawn 5.0.0

How jQuery file included :

My js code in custom section:

Hi @nagrebeckiy ,

I think you can use


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

1 Like

Well, thanks everyone for help. I`ve found the solution by myself. Added full CDN path from 3.7.1 jQuery version. Didn’t change anything in it and it works :smiley:

nagrebeckiy_0-1698040998213.png