CSS issues between staging and production

[CSN]

Hi, I’m having issues specifically with Safari and certain builds of Chrome (70.0.3538.102) where links and functionality that work on staging do not work in production.

• Links that open pop-up windows not working
• Counters not working
• Links that open accordions not working
• Ninja Forms not loading

X version == 6.3.6
Staging is http. Production is https.
Child theme installed.

URL: https://www.mobilize-systems.com/

[mldarshana]

Hi Jim,

Thanks for writing in! Upon checking, I see that your staging site has the latest version of X theme (6.3.8) and your production site has 6.3.6. Please update your production site also to the latest version of X theme and see if that resolves your issue. You can refer to our update guide here (https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62).

If you’re still having issues, remove any custom CSS and JS on your site and re-test your issue again. Further, you can enable WP_DEBUG mode on your WordPress by following this guide (https://codex.wordpress.org/WP_DEBUG) and see if you’re getting any PHP errors.

Let us know how it goes.
Thanks!

[CSN]

Hi @mldarshana

Thanks so much. I took the steps you recommended and it appeared to fix the issues, BUT the fix does not appear permanent. After testing and alerting my team that the issue had been resolved, others reported the same issue, and I later had the same issue.

If I clear cache on both wordpress and then in Safari, the site will load and operate as expected. However, when I come back to the site later, the same issues arise.

I’m using Cache Enabler to clear cache.

Any ideas?

[friech]

Hi Jim,

I check both of the site (staging and live) and both works fine, if you access it like this: https://www.mobilize-systems.com/?nocache=1

That means the issue is related to caching, please clear all your site’s caching features, that includes caching plugin, server-side cache, CDN, and browser’s cache, do not just deactivate a caching feature, CLEAR/PURGE it so it will regenerate a new cache and dont serve the old resources of the site. Do not clear it using a 3rd party plugin, clear it through your caching plugin/feature own panel.

These are helpful articles that helps you how to clear caches.
After updating – Make sure to clear all caches
How to Clear Your WordPress Cache: A Step by Step Guide
Clear your web browser’s cache, cookies, and history

Hope it helps,
Cheers!

[jade]

Hey Jim,

It seems that you have deleted your previous post.

Kindly let us know if you have any question.

Thank you.

[CSN]

Hi @Jade,

I thought we identified the issue but realized quickly it was a dead end. Ultimately it looks like the Cache Enabler plug-in does not play nice with X. Disabling has resolved the issue. Do you have any recommendations on cache plug-ins that do play well with the theme?

Thanks!
Jim

[ruenel]

Hello Jim,

Any caching plugin should work with X and Pro theme or with any other theme. One thing to remember though is that you will have to keep in mind that after making a slight changes or editing your site settings or page/post or even after theme or plugin updates, you will have to clear your plugin cache first and your site caches if applicable before testing your site. This will make sure that the latest changes or version of the theme/plugins is loaded in the site and not the cache version. It is recommend that Caching is best turn on when you are done editing or building your site.

Hope this helps.