Mobile Menu Only Works in Development Moder

I have purged the entire cache, and my mobile menu does not work unless I turn on development mode.
The mobile menu does not drop down when you click the menu icon.
I purged the cache over a day ago so the code that fixed the menu problem should be cached now instead of the old code that was keeping the meu from working.
What can I do here?

Hm, might be the “Browser Cache TTL” option is set to “4 Hours”? :thinking:
Can you double-check this option when you navigate to the Caching tab → Configuration.
If yes, set it to “Respect Existing Headers”.

May I ask have you tried using a different Web browser, or tried clearing your Web browser cache?
How about using a Private window (Incognito mode) or a VPN connection if possible?
Is it the same behaviour on your mobile phone (4G LTE, mobile data, cellular)?

1 Like

May you share your domain with us? If it works on developer mode but not when turned off, this for me sounds like a JS problem, can you also please answer these two questions additionally to @fritex’s question?

  1. are you using RocketLoader?
  2. are you using Mirage?

If yes, turn them off and try again.

Thanks!

1 Like

Yes, I’ve used incognito, so browser cache TTL shouldn’t have any effect on that, right?
Same on desktop and mobile.

Turning off rocket loader did the trick? After the site has been recached with rocket loader off, can I then turn rocket loader back on?

Without knowing any more feedback information like the domain name, or CMS like WordPress and if you are using Elementor or so, as far as for cases like that there are documentation how to properly setup Cloudflare to make it work in that combination, otherwise I cannot say so, but in some cases yes, Rocket Loader could be in conflict with some JavaScript code or other 3rd-party scripts.

I am glad to hear that your Website works when you disable Rocket Loader feature.

You might have to experiment a bit to troubleshoot why what could it be, if interested. Therefore, does the script loads before Rocket Loader or after, is it in the head, body or footer, etc.
You can enable it back, but if you spot the issue again, I’d suggest you to rather keep it disabled then.

1 Like

Technically you can, but: No, RocketLoader is one of the worst implementations I have ever seen, that on top of this breaks a lot of pages. Don’t ever turn it back on - just my 2cents.

RocketLoader will, even after one or two pages has been cached to its bad magic to break the ones that are not cached yet. Please also keep in mind, that if something is cached, this mostly only means that it is cached at one (maybe two) POPs, not everywhere. So please keep it turned off and better optimize your site natively.

For further analyses please follow @fritex request on more info.

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.