Mobile Navigation dropdown not showing nav items

The main site nav dropdown (1) is not working anymore on mobile. It seems to work fine on the staging server (2). Please see the two drop-down menu items “Company” and “Destinations” on mobile and let me know hot to get them to show again and work.

  1. https://klineadventures.com
  2. https://kline.staging.wpengine.com

Thanks in advance.

Paul.

Hey Paul,

Your live site have script errors while your staging does not.

Please backup your site and deploy your site from Staging to Live then, clear all caches and reset file permissions.

If you don’t want to push your staging to your live site, clear all caches, reset permissions and test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Also remove Javascript and template customizations if you have any.

Thanks.

I already ran a backup and deployed the site from staging to production (live) and the issue id not resolve.

This makes no sense. Can you login and dig deeper?

Paul.

Hi,

I checked your site in mobile and I can see the dropdowns are now working in the live site.

Kindly clear your mobile browser cache and check again.

Thanks

@paul.r correct i did some testing and it seems that the caching plugin WP Rocket is somehow creating issues.

Can you help to configure it to work with Pro?

Hello There,

Every time you update your theme and plugins, since you are using CloudFlare, you must purge everything in your CloudFlare account so that the latest codes from the updates will be used. For best results, please check out the recommend CloudFlare settings from this tip: https://xthemetips.com/using-cloudflare-rocket-loader-with-x-pro-and-x5/928/

Again even if you already have this set up, you still need to clear your plugin caches, CDN cache and CloudFlare right after every updates.

Hope this helps.