Elementor Issues – Layout & Design Broken After Pushing

If you push the staging site to live and your site lost all visual elements like font and CSS styles do first another push and check that you’ve selected all database tables and folders before you start the pushing process:

WP STAGING remembers the last state of the table and file selection. So if you excluded folders and some tables before they are still be excluded when you run another push.

If your production site still does not look good You can first try to simply clear your browser’s cache, use a different browser, or view in an incognito browser. If this doesn’t help, then follow these steps:

  1. Go to Elementor > Tools > Regenerate CSS and click the Regenerate Files button.
  2. Update your page. You may need to make a small change to enable the Update button.
  3. Clear all cache including server cache if it exists, any WordPress caching plugins you are using, and your own browser cache. You can also try checking in another browser, or in an incognito browser.
  4. Go to the production site > Elementor > settings and switch the CSS Print Method and click on Save Changes.

After doing so the production site should be looking good and all styles are back.

Updated on May 13, 2022