Looking to fix the Elementor editor stuck on the loading screen? You are at the right place.
One of the most common issues Elementor users face is the editor stuck on the loading screen. Is your Elementor stuck on the loading screen too?
The Elementor loading stuck issue can be caused by a variety of factors, ranging from server issues to plugin conflicts. Once you identify the cause, you can apply the relevant fix from the list below.
Why Is Elementor Sidebar Not Loading?
Before going into the solutions for the Elementor sidebar not loading issue, it helps to understand what causes the Elementor editor loading forever problem.
When you load the Elementor editor, the widget panel may keep loading without completing, preventing you from using the widgets. In some cases, you may also see a JavaScript console error such as @elementor/editor-site-navigation – settings object not found, which indicates that a module failed to initialize correctly.
This can happen for various reasons: insufficient PHP memory, a server configuration that does not meet Elementor’s minimum system requirements, or conflicts with other plugins.
Once you identify the reason for the Elementor stuck on loading screen issue, you can apply the relevant fix below.
Elementor System Requirement
Every plugin has some minimum system requirements, and so does Elementor. Make sure your settings meet the Elementor system requirements to use it properly.
Elementor system requirements at a glance:
- WordPress 6.0 or Higher
- PHP 7.4 or Higher
- MySQL 5.6 or Higher
- WP Memory limit of 768 MB or Higher
You can check the complete system requirements here. In most cases, you will be able to install the Elementor plugin even if your settings do not meet the system requirements, but it may not work properly.
You can check your system information from Elementor > System Info to see if there are any errors.
![Elementor systeminfo 1 21 ways to fix elementor editor stuck on loading screen [solved] from the plus addons for elementor](https://theplusaddons.com/wp-content/uploads/2024/01/elementor-systeminfo-1-1024x469.png "elementor systeminfo 1 | The Plus Addons for Elementor")
How to Fix Elementor Widget Panel Not Loading
The first thing you can do when the Elementor editor keeps loading is to reload the page. Sometimes it fails to load all assets properly, and refreshing the page can resolve the Elementor editor not loading issue. If that does not work, follow the methods below.
1. Increase PHP Memory Limit
One of the most common reasons for the Elementor editor not loading is insufficient PHP memory on your server. If your hosting allows, you can increase the PHP memory limit.
You can do this from cPanel or FTP.
Form cPanel
1. Log into cPanel.
Image source: Simplified.guide
2. Scroll down to the Software section and click on Select PHP Version.
Image source: Simplified.guide
3. On the next page, click on Options.
Image source: Simplified.guide
4. Scroll down to find the memory_limit option, click on the dropdown, and select the value.
Image source: Simplified.guide
5. Once you make the changes, they will save automatically.
From your Hosting File Manager or FTP
1. Locate your WordPress installation root folder.
2. Find the wp-config.php file.
3. Right-click on it and click on Edit.
4. Add define('WP_MAX_MEMORY_LIMIT', '512M'); before the line that says /* That’s all, stop editing! Happy blogging. */. This will increase administrative memory.
5. Below that, add define( 'WP_MEMORY_LIMIT', '512M' ); to increase public memory.
This is how the code should look.
define('WP_MAX_MEMORY_LIMIT', '512M');
define('WP_MEMORY_LIMIT', '512M');
/* That's all, stop editing! Happy blogging. */Note: The number in the code example may be lower depending on your server’s memory limit.
6. Save the file.
If you want to make this change from the WordPress backend, use the File Manager plugin.
Once the changes are done, from the WordPress dashboard, go to Tools > Site Health, then click on Info > Server.
This will show your server information. Look for the PHP memory limit and check if it reflects your changes.
![Elementor tools site health 21 ways to fix elementor editor stuck on loading screen [solved] from the plus addons for elementor](https://theplusaddons.com/wp-content/uploads/2024/01/elementor-tools-site-health.png "elementor tools site health | The Plus Addons for Elementor")
If the changes do not appear there, your hosting may restrict PHP memory changes. In that case, contact your hosting support team to increase the PHP memory limit.
Check your hosting control panel for PHP configuration.
Note: In most cases, increasing the PHP memory limit will resolve the Elementor loading forever issue.
2. Check for Plugins Conflicts
Another common reason for Elementor not loading is conflicts with other plugins. In WordPress, different plugins can sometimes conflict with each other, causing errors on the site.
To check for a plugin conflict causing the Elementor editor keeps loading issue, go to Plugins > Installed Plugins from the WordPress dashboard.
Select all plugins except Elementor and Elementor Pro (if using). From the Bulk Action dropdown, select Deactivate, and click Apply.
![The plus addons elementor deactivate plugin 1 21 ways to fix elementor editor stuck on loading screen [solved] from the plus addons for elementor](https://theplusaddons.com/wp-content/uploads/2024/01/the-plus-addons-elementor-deactivate-plugin-1.gif "the plus addons elementor deactivate plugin 1 | The Plus Addons for Elementor")
Note: Creating a staging site to test this is recommended, as deactivating all plugins can break the functionality of the site.
You can also use the Health Check & Troubleshooting plugin when checking for plugin conflicts on a production site. This prevents the site from breaking when you deactivate other plugins.
Once done, go back and check if the Elementor editor keeps loading issue has been resolved.
If the Elementor widget panel loads properly, a plugin conflict is the likely cause. Come back to the plugins section and activate one plugin at a time, then check again if the Elementor widget panel loads.
Repeat the process until you find the plugin causing the issue. Once found, contact that plugin’s support team for a solution, or look for an alternative.
If deactivating The Plus Addons for Elementor resolves the issue, reach out to The Plus Addons for Elementor support through the official support channel after working through all the steps in this guide.
3. Update Elementor and Other WordPress Plugins
Outdated plugins can cause loading problems. Make sure you are always using the latest version of Elementor and Elementor Pro (if using) to resolve the Elementor stuck on loading issue.
Also, make sure to update all other plugins to prevent conflicts with Elementor.
To check for plugin updates, go to Plugins > Installed Plugins from the WordPress dashboard. If any updates are available, install them.
You can also go to Dashboard > Updates to check for any pending updates.
4. Disable Unused Elementor Widgets
Elementor includes many widgets to build websites, but most users do not use all of them. Having a large number of widgets load at the same time can cause the Elementor widget panel to freeze.
Disabling unused widgets reduces the load on your server, which is especially useful when increasing the PHP memory limit is not an option.
Using Elementor Elements Manager (Elementor Pro)
If you are using Elementor Pro, the built-in Elements Manager lets you disable individual widgets and features you do not use.
From the WordPress dashboard, go to Elementor > Elements Manager.
Toggle off any widgets or widget categories you do not need on your site, then click Save Changes.
Disabling The Plus Addons for Elementor Widgets
If you are using The Plus Addons for Elementor, you can reduce the widget load by disabling individual TPAE widgets you do not use.
Go to The Plus Addons for Elementor > Widgets.
Click on the Scan Unused Widgets button.
It will show all the unused widgets, just click on the Disable Unused Widgets button to disable all unused widgets.
Each widget you disable stops its assets from loading on the front end.
If a specific widget from The Plus Addons for Elementor is not appearing in the Elementor editor panel at all, see How to Fix Unable to Find The Plus Addons for Elementor Widget in Elementor Editor? for step-by-step activation instructions.
5. Try Switching to Default WordPress Theme
Most WordPress themes work well with the Elementor page builder, but some themes can conflict with the plugin, especially after new updates.
To check if a theme conflict is causing the Elementor infinite loading issue, switch to a default WordPress theme such as Twenty Twenty-Three or Twenty Twenty-Two.
You can switch themes from Appearance > Themes.
Hover over the theme and click Activate.
![Theme activate settings 21 ways to fix elementor editor stuck on loading screen [solved] from the plus addons for elementor](https://theplusaddons.com/wp-content/uploads/2024/01/theme-activate-settings.png "theme activate settings | The Plus Addons for Elementor")
Note: Changing the theme does not affect your content. Only the design will change.
Once done, check if the Elementor loading issue is resolved. If it is, the problem is likely theme-related. Contact the theme’s support team for assistance, or switch to an Elementor-compatible theme like Nexter.
6. Switch Elementor Editor Loader Method
Elementor has a built-in setting that changes the way the editor loads, which can resolve the Elementor not loading issue.
From the WordPress dashboard, go to Elementor > Settings.
Then click on the Advanced tab.
Select Enable from the Switch Editor Loader Method dropdown, then click Save Changes.
![Elementor advanced settings 21 ways to fix elementor editor stuck on loading screen [solved] from the plus addons for elementor](https://theplusaddons.com/wp-content/uploads/2024/01/elementor-advanced-settings.png "elementor advanced settings | The Plus Addons for Elementor")
Check the Elementor editor to see if the issue is resolved.
7. Check PHP Version
As mentioned earlier, Elementor requires PHP 7.4 or higher. Most good hosting providers use the latest PHP version, but some may use an older version, which can cause loading problems.
To check the PHP version, go to Elementor > System Info from the WordPress dashboard.
Look for PHP Version to see the version number your site is using.
![Elementor systeminfo 2 21 ways to fix elementor editor stuck on loading screen [solved] from the plus addons for elementor](https://theplusaddons.com/wp-content/uploads/2024/01/elementor-systeminfo-2.png "elementor systeminfo 2 | The Plus Addons for Elementor")
If the version is lower than 7.4, you need to update it. Most hosting providers have an option to change the PHP version through their control panel.
If you are using cPanel, look for Select PHP Version (PHP 8.0 or higher is recommended) and click on it.
On the next page, click on Switch to PHP options to change the PHP version.
Once updated, go back to Elementor > System Info to confirm the change.
8. Clear Website Cache
If you are using a cache plugin, clearing the cache may resolve the Elementor editor not loading issue. Cached data can sometimes conflict with the Elementor editor and prevent it from loading correctly.
Most cache plugins have an option to clear the cache from the plugin dashboard. Clear the cache and check if the issue is resolved.
If you are using object caching provided by your host or through a plugin like Redis Object Cache, flush your object cache and check again.
9. Disable Cloudflare Rocket Loader
If you are using Cloudflare to optimize your site, the Rocket Loader setting can cause the Elementor widget panel to freeze. Rocket Loader delays the loading of all JavaScript on your site until other assets load first, which can interfere with Elementor.
Disabling Rocket Loader may resolve the issue.
Log in to your Cloudflare account and select your domain.
Click on Speed > Optimization from the left menu.
Find the Rocket Loader option and turn it off.
10. Reinstall Elementor
Some users have resolved the Elementor not loading issue by reinstalling Elementor. Follow the steps below.
1. From the WordPress dashboard, go to Plugins > Installed Plugins.
2. Deactivate Elementor and Elementor Pro (if using) by clicking the Deactivate link for each plugin individually.
![Installed plugins 21 ways to fix elementor editor stuck on loading screen [solved] from the plus addons for elementor](https://theplusaddons.com/wp-content/uploads/2024/01/installed-plugins.png "installed plugins | The Plus Addons for Elementor")
3. Click Delete to delete Elementor and Elementor Pro (if using) individually.
![Delete plugins 21 ways to fix elementor editor stuck on loading screen [solved] from the plus addons for elementor](https://theplusaddons.com/wp-content/uploads/2024/01/delete-plugins.png "delete plugins | The Plus Addons for Elementor")
4. If you are using a cache plugin, clear the cache.
5. Reinstall Elementor and Elementor Pro (if using) and activate them.
11. Disable any Browser Extensions/Addons
On rare occasions, browser extensions can cause the Elementor sidebar loading issue. Some extensions can block or conflict with Elementor scripts.
To confirm, open the Elementor editor in an incognito or private browser window and check if it loads correctly. If it does, disable all extensions and activate them one at a time to identify which one is causing the problem.
To manage extensions in Chrome, go to chrome://extensions/
12. Make Sure WordPress Address (URL) and Site Address (URL) are Same
In WordPress, the WordPress Address (URL) and Site Address (URL) are generally the same. However, if you have configured your homepage URL to be different from the WordPress installation directory, this difference can cause loading problems.
To verify, go to Settings > General from the WordPress dashboard.
![Settings general 1 21 ways to fix elementor editor stuck on loading screen [solved] from the plus addons for elementor](https://theplusaddons.com/wp-content/uploads/2024/01/settings-general-1.png "settings general 1 | The Plus Addons for Elementor")
Make sure both the WordPress Address (URL) and the Site Address (URL) show the same URL using ‘https’.
13. Fixing Mixed HTTPS URLs
Make sure your website content is served entirely over HTTPS (recommended) or entirely over HTTP. Mixed content, where some resources load over HTTPS and others load over HTTP, can cause problems with the Elementor editor.
What is Mixed Content?
Mixed content refers to a situation where a website loads some resources (such as images, videos, scripts, or other assets) over HTTPS while others load over HTTP. Browser security restrictions can block non-secure resources on a secure page, preventing scripts from loading correctly.
There are two ways to resolve the mixed HTTPS problem.
Replace URLs with Elementor Tools
Elementor has a built-in tool to fix mixed HTTPS issues. Use this when you have transferred your domain or moved to HTTPS (for example, from http://your-domain.com to https://your-domain.com).
From the WordPress dashboard, go to Elementor > Tools > Replace URL.
In the old-url field, enter your old URL. In the new-url field, enter your new URL. Then click Replace URL.
![Elementor tools replace url 21 ways to fix elementor editor stuck on loading screen [solved] from the plus addons for elementor](https://theplusaddons.com/wp-content/uploads/2024/01/elementor-tools-replace-url.png "elementor tools replace url | The Plus Addons for Elementor")
Note: Back up your database before replacing the URL.
Using Really Simple SSL
The second option is to use the Really Simple SSL plugin. It serves your content over HTTPS, resolving the mixed content issue.
14. Clear Browser Cache
Browser cache and cookies can sometimes prevent the Elementor sidebar panel from loading. Clear your browser cache and cookies and check if that resolves the issue.
15. Make a Hard Refresh
If the browser fails to load all website resources, this can cause the Elementor sidebar panel to freeze. A hard refresh forces the browser to reload all resources from the server instead of from cache.
Press CTRL + SHIFT + R on Windows or CMD + SHIFT + R on Mac to perform a hard refresh.
16. Disable Security Plugin or Server Firewalls
Security plugins or server firewalls can block scripts that Elementor needs to load. Temporarily disable your security plugin or server firewall, then test the Elementor editor.
If Elementor loads correctly after disabling the security plugin or firewall, configure that plugin’s or firewall’s rules to allow Elementor scripts through.
![Wordfence security 21 ways to fix elementor editor stuck on loading screen [solved] from the plus addons for elementor](https://theplusaddons.com/wp-content/uploads/2024/01/wordfence-security.png "wordfence security | The Plus Addons for Elementor")
17. Install the Query Monitor plugin
The Query Monitor plugin can help identify the source of the Elementor editor loading issue. Install it, open the Elementor editor, and check the Query Monitor logs to see which plugin or script is causing the error.
If you see a JavaScript console error such as @elementor/editor-site-navigation – settings object not found, this indicates that an Elementor module failed to initialize. A plugin conflict is the most common cause. Use the steps in section 2 to test for plugin conflicts and identify the source.
Report any errors to the respective plugin developer.
18. Turn off the Cache & Performance Plugin
If you are using a cache or performance plugin, turn it off and check if that resolves the Elementor loading issue. If disabling the plugin resolves the problem, turn off individual plugin settings one at a time to identify which setting is causing the conflict with Elementor.
19. Check Site Health
From the WordPress dashboard, go to Tools > Site Health > Status. Check for any errors listed there and try to fix them. For more guidance on resolving site health issues, read the WordPress Site Health guide.
20. Regenerate CSS & Data
For some users, Elementor’s Regenerate CSS & Data option has resolved the loading issue. From the WordPress dashboard, go to Elementor > Tools > General, then click Regenerate CSS & Data. This regenerates the CSS files for your Elementor pages.
If you encounter icon loading issues alongside the Elementor editor not loading, see How to Fix Elementor Icons Not Loading or Missing? for a dedicated fix.
![Elementor tools general regenerate css 21 ways to fix elementor editor stuck on loading screen [solved] from the plus addons for elementor](https://theplusaddons.com/wp-content/uploads/2024/01/elementor-tools-general-regenerate-css.png "elementor tools general regenerate css | The Plus Addons for Elementor")
21. Change Hosting (Last option)
If none of the methods above resolved the Elementor loading problem, you may need to move to a better hosting provider.
Some recommended hosting providers are Kinsta, Siteground, Cloudways, and Hostinger.
When choosing a new hosting plan, keep the Elementor system requirements in mind and select a plan that meets or exceeds them.
With adequate server resources, you will be able to use Elementor without loading issues.
