How to Fix Elementor Stuck on Loading Screen – Illustrated Guide – Part 1

In this illustrated troubleshooting guide I will help you solve the dreaded Elementor stuck on loading screen error! Has this happened to you!? You are working on your website and you want to make a design change. You start up Elementor and you wait for the Elementor white screen to finish loading. However, Elementor is stuck on the loading screen. What do you do!? I have ran into this problem too! These are troubleshooting steps I use to get Elementor and Elementor Pro working again.

Why am I sharing this information?

So, it can help others with the same problem I had with “Elementor stuck on loading error” by sharing a one stop shop of all the troubleshooting steps I have tried. That way if you have the Elementor stuck on loading screen error again it will not take weeks to fix the problem. It took me two weeks to get it fixed the first time, I don’t want you to go through that same pain too!

I had to divide the troubleshooting step up into four parts. Part one is the easiest, while part three will take more technical knowledge. Most of your Elementor issues should be fixed in part one or two. In part four I will help through the process of sending a support ticket to Elementor.

Why does Elementor get stuck on the loading screen error?

There are several reasons why Elementor doesn’t finish loading.

Part 1

• Try loading Elementor in safe mode

• Try using Elementor in a different browser

• A browser update is conflicting with Elementor

• Caching on your WordPress host needs to be cleared

• Caching plugin needs to be cleared

• Browser plugins are conflicting with Elementor

Part 2 – Jump to Part 2’s troubleshooting steps.

• You need to republish the page you want to edit

• Enable Elementor Switch Editor Loader Method

• Elementor CSS needs to be regenerated

• Elementor stopped working after an update

• A newly installed plugin is conflicting with Elementor

• An updated plugin is conflicting with Elementor

• Your current Theme is conflicting with Elementor

• “Rocket Loader†in Cloudflare is turned on

Part 3 – Jump to Part 3’s troubleshooting steps.

• Your host PHP Version is conflicting with Elementor

• Your WordPress site has a memory limitation

• Your WordPress .htaccess file needs to be updated

• Your wp_config.php needs to be updated

• Header x-frame-options is set to deny

Part 4 – Jump to Part 4’s troubleshooting steps.

• How to Submit a Support Ticket for Elementor?

• How to Submit a Support Ticket for Elementor Pro?

I will help you troubleshoot each one of these reasons why Elementor doesn’t finish loading. I will start you with the easiest steps down to the more technical steps. If you are not comfortable with the technical steps your web developer or host can help with those steps.

The Elementor Troubleshooting Guide is an illustrated step by step guide on how to fix the 7 most frustrating problem with Elementor.

Don’t worry if you don’t know if your web developer or your host needs to do these steps. I will make sure to tell you who can help you with each step. I know how frustrating and overwhelming it can be when the backend of your website or blog doesn’t work. These are the same troubleshooting steps I take when I run into a problem with Elementor.

Try load Elementor in safe mode

When Elementor is loading up, look for the “Can’t Edit” message in the lower right-hand corner of your browser. Click on the green “Enable Safe Mode” button.

The message will change and Elementor will try to load in Safe Mode.

If the Elementor still will not load in Safe Mode, go to the next troubleshooting step.

Try using Elementor in a different browser AND a browser update is conflicting with Elementor

These troubleshooting steps will work for both of these reasons why Elementor is stuck on the white loading screen.

Why would I try using Elementor in a different browser? Sometimes when a browser is updated it can conflict with Elementor, since it is a web-based building tool. Chrome is known to not always play nice with Elementor. When I test, I will try to load Elementor using Edge just to make sure it is not the browser causing the problem.

1. Open a different browser.

2. Log into your WordPress dashboard.

3. In the left sidebar, navigate to the “Pages” link.

4. Go to the page you want to change with Elementor.

5. Click on the “Edit with Elementor” link under the title of the page or open a new page.

If the Elementor editor loads up, then you are having an issue with the first browser you are using. The cache will need to be clear on that browser. I have steps below on how to clear the cache on your browser. Go to the “Caching on the browser needs to be cleared” section.

If the second browser didn’t load Elementor either, then the problem might be related to caching issues on your WordPress site. The steps below will help you clear your cache on WordPress with your host, plugins, and browser.

The Elementor Troubleshooting Guide is an illustrated step by step guide on how to fix the 7 most frustrating problem with Elementor.

What is caching and why is it important?

Each time you visit a website with your web browser, for example, Edge, Firefox, Chrome, etc. The browser will store files in your browser about the website you visited. These files are called cache. The browser does this so it doesn’t have to keep getting these files from the website each time you click through the webpages. This makes the website you are visiting load up faster because it is caching the stylesheets, JavaScript, and images.

Why do I need to clear my browser cache?

When the cache doesn’t get cleared, you can get the “Elementor stuck on loading screen” error. That white screen death causes both frustration and fear. Do worry, I will help you through this!

Sometimes, when a website is cached you will not see the updates to that website. So when you change a plugin version (i.e. Elementor) or the layout of your website, you will not always see the changes in the browser. It will seem like you didn’t change the website at all. To fix this problem you should occasionally clear the browser cache. That way it will display the current changes to your website.

How to clear your cache on a WordPress website?

There are several ways to clear your cache on your WordPress site. If you are not using a caching plugin, your hosting might be providing caching for you. I will show you how to clear your host cache on your WordPress site.

If you are using SiteGround and BlueHost caching it will look like this in your WordPress Dashboard.

How to clear my SiteGround server cache on a WordPress site?

SiteGround users may have a “Purge SG Cache” link in the top admin bar of their dashboard. You will see this link only if you are not using a caching plugin.

Click on the “Purge SG Cache” link to clear SiteGround Hosting cache.

How to clear my BlueHost server cache on a WordPress site?

BlueHost users may also have a “Caching” button at the very top of the dashboard in the admin bar. You will see this link only if you are not using a caching plugin.

Click on the “Purge All” link to clear BlueHost Hosting cache.

Note: BlueHost sites have a server-side cache called Varnish that can be turned off.

The Elementor Troubleshooting Guide is an illustrated step by step guide on how to fix the 7 most frustrating problem with Elementor.

How to clear the cache on a WordPress caching plugin?

There are many free caching plugins available to you, that can help you with managing the cache on your WordPress site. The three most popular are W3 Total Cache, WP Super Cache, and WP Fastest Cache. The free version of these plugins is all you need and you can upgrade at any time.

Note: If you use a caching plugin, only install one caching plugin on your site. Installing more than one caching plugin will cause technical issues with your website.

How to clear the cache in W3 Total Cache?

1. Log in to the WordPress dashboard.

2. In the left sidebar, navigate to the “Performance” link and click on the “Dashboard” link in the menu.

3. At the top of the W3 Total Cache dashboard, click on the “Empty all caches” button.

How to clear the cache in WP Super Cache?

1. Log in to the WordPress dashboard.

2. In the left sidebar, navigate to the “Settings” link and click on the “WP Super Cache” in the menu.

3. In the WP Super Cache settings page, click on the “Delete Cache” button.

How to clear the cache in WP Fastest Cache?

1. Log in to the WordPress dashboard.

2. In the left sidebar, navigate to the “WP Fastest Cache” link.

3. In the WP Fastest Cache settings page, click on the “Delete Cache” Tab.

4. In the Delete Cache page, click on the “Delete Cache” button.

How to clear the cache in the browser?

When you are done clearing the cache on your WordPress dashboard then you will want to clear the cache on the browser you are using. Below is the instruction for clearing the Cache for Chrome, Edge, and Firefox. Follow the step below to clear the cache on the browser you want to test Elementor on.

How to clear the cache in Chrome?

1. Open your Chrome browser.

2. In the top right menu bar, click on the 3 Dots icon.

3. In the menu, click on the “More tools” link.

4. In the popup menu, click on the “Clear browsing data…” link.

5. In the Clear browsing data… window, click on the “Time range” dropdown and select “All time”.

6. Check the box for the “Cookies and other site data”.

7. Check the box for the “Cached images and files”.

8. Click the “Clear Data” button.

How to clear the cache in Edge?

1. Open your Edge browser.

2. In the top right menu bar, click on the 3 Dots icon.

3. In the menu, click on the “Settings” link.

4. In the menu, click on the Lock “Privacy & Security” link.

5. Click the “Choose what to clear” button.

6. Check the box for the “Cookies and saved website data”.

7. Check the box for the “Cached data and files”.

8. Check the box for the “Tabs I’ve set aside or recently closed”.

9. Click the “Clear” button.

The Elementor Troubleshooting Guide is an illustrated step by step guide on how to fix the 7 most frustrating problem with Elementor.

How to clear the cache in Firefox?

1. Open your Firefox browser.

2. In the top right menu bar, click on the 3 Lines icon.

3. In the menu, click on the “Options” button.

4. In the menu, click on the Lock “Privacy & Security” link.

5. Scroll down to the “Cookies and Site Data” section.

6. Click the “Clear Data…” button.

7. Check the box for the “Cached Web Content”.

8. Click the “Clear” button.

Browser plugins are conflicting with Elementor

This happens when a popup blocker or Adblocker (in Chrome) is turned on. You can find the setting to turn it off or disable the browser plugin.

Test to see if the Elementor Stuck on Loading Screen Error is Solved.

1. Open your browser.

2. Log into your WordPress dashboard.

3. In the left sidebar, navigate to the “Pages” link.

4. Go to the page you want to change with Elementor.

5. Click on the “Edit with Elementor” link under the title of the page or open a new page.

If the Elementor editor doesn’t load up, then click on the link to go to Part 2 for more troubleshooting steps.

Post: How to Fix Elementor Stuck on Loading Screen – Part 2

Here are the links to go to the troubleshooting steps for Part 3 and Part 4 if you want to skip ahead.

Post: How to Fix Elementor Stuck on Loading Screen – Part 3
Part 3 steps will require you to be comfortable with making changes to the file structure of your WordPress site in cPanel. If you are not comfortable with that, please have your Web Developer or Host Provider help you with these steps.

Post: How to Fix Elementor Stuck on Loading Screen – Part 4
Step for how to submit a support ticket to Elementor.

The Elementor Troubleshooting Guide is an illustrated step by step guide on how to fix the 7 most frustrating problem with Elementor.

If the Elementor editor loads up, then the problem was caused by a cashing issue. If this helped you solve your Elementor problem, please share this post so it can help other Elementor users.

These are some of the additional resources I used when trouble this problem. Instead of continually hunting around for the solution, I combined everything I learned into this 4 part post series.

WordPress.org forum
WPBeginners.com
https://wpbuilt.co/tutorials
https://docs.elementor.com/article/458-troubleshooting-a-slow-loading-elementor-editor
https://docs.elementor.com/article/576-elementor-widget-panel-not-loading
https://docs.elementor.com/article/184-cant-edit-with-elementor
https://wpbuffs.com/clear-cache-wordpress

Please leave a comment if any of these steps helped you. I would love to know if I help you with your WordPress pain points.

I make a commission from purchases made through links in my posts, at no extra cost to you. Read my disclosure for more information.

Looking for more posts about blogging?