Mobile Version not Working properly

Store Design
1

interactive elements not working in mobile version how to solve it ? hamburger menu not opening search bar not opening cart not opening caesar-watch.com for checking must use mobile browser incognito mode.

1 Like
4

Yes it shows js issue but i as i am not a develotper i dont know how to fix that because i bought theme from third party

6

how can i share the theme.liquid file with you ?

7

Thank you It helped me understand the issue

1 Like
8

Ah, yet another half-baked theme from ThemeForest!

The problem also happens on desktop Safari, and I guess the source of the problem is that theme JS files are loaded in a wrong order.

Now, you have this code (i believe, somewhere in layouts/theme.liquid)

  <script src="//caesar-watch.com/cdn/shop/t/3/assets/jquery-3.5.0.min.js?v=16874778797910128561767652441" type="text/javascript" async></script>

or

  <script src="{{ 'jquery-3.5.0.min.js' | asset_url" type="text/javascript" async></script>

It may look a bit different, just search for jquery-3.5.0.min.js

There is an async property which tells the browser to load this file without any specific order, in parallel with other files.
Browsers may treat this differently and this is why it may work in Chrome, but fail in Safari.

Safari gives this file lower priority, that’s why other JS files which depend on jQuery may run earlier than jQuery is loaded and fail.

My first recommendation would be to remove the async attribute to make this file load as soon as it’s found in HTML.

This will also fix a lot of other JS errors in console.
Note, that demo store of this theme does not have async on this line, which kinda supports my diagnosis.

My second recommendation, though, would be to consider replacing this theme if you’re not invested much (of your time and effort) into it yet.

The theme uses old technologies and it would be a significant problem in terms of Page Speed (if you’re not concerned about this yet, it will be much more difficult to do later, so may as well do it now).
jQuery, Bootstrap – those were popular like 10 years ago.

Any theme from the Shopify theme store would be much better, even free ones.

if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it
1 Like