You click “Edit with Elementor”, the spinner starts, and it never stops. Or the panel loads but the page preview stays grey. Elementor not loading is one of the most common editor problems, and the good news is that the cause is usually one of a few familiar things.
This guide walks through 9 fixes in the order that solves most cases fastest. Start at the top, test the editor after each step, and stop when it works. Most checks take only a few minutes each.
Before you start: take a full backup of your site (files and database). A few steps below touch your plugins and your wp-config.php file, and a backup makes every change reversible.
Why Elementor gets stuck on the loading screen
The Elementor editor is a heavy JavaScript app that runs inside your browser and loads your page in a frame. If anything blocks a script, runs out of memory or refuses to show the page in that frame, the editor hangs. In practice the usual causes are:
- A plugin or theme script that clashes with the editor
- A PHP memory limit that is too low
- Browser extensions or old cached files
- Caching, minification or CDN features that change Elementor’s scripts
- Server headers that block the editor frame
- Elementor and Elementor Pro running different versions
Fix 1: Try another browser or a private window
Open the editor in an incognito or private window, or in a different browser. If it loads there, an extension (often an ad blocker, a password manager or a script blocker) or your browser cache is the problem. Clear the cache or disable extensions one by one until you find the culprit.
Also note that Elementor editing is desktop only. Its official requirements list current versions of Chrome, Edge, Brave, Firefox and Safari, and phones and tablets are not supported for editing.
Fix 2: Update Elementor, Elementor Pro and WordPress
Version mismatches are a classic reason for Elementor not loading. If Elementor Pro is one major version behind the free plugin, the editor can fail silently. Go to Dashboard > Updates, click “Check Again” and update both plugins together.
As of October 2026, the free Elementor plugin on WordPress.org is at version 4.3.4, needs WordPress 6.8 or higher and PHP 7.4 or higher, and is tested up to WordPress 7.1.3. Elementor itself highly recommends PHP 8.x, so ask your host to upgrade if you are still on PHP 7.4.
Fix 3: Increase the PHP memory limit
When WordPress runs out of memory, the editor often stops halfway with no clear error. Elementor’s own requirements set a minimum of 256 MB for Elementor and Elementor Pro alone, recommend 512 MB, and suggest 768 MB for the best performance. Sites running WooCommerce or other heavy plugins should aim for at least 512 MB.
To raise it, open wp-config.php and add this line above the “That’s all, stop editing!” comment:
define( 'WP_MEMORY_LIMIT', '512M' );
If the value does not change on Elementor’s System Info screen, your host caps memory at the server level. Ask support to raise the PHP memory_limit for you.
Fix 4: Turn on Elementor Safe Mode
Safe Mode is the fastest way to find a plugin or theme conflict. It loads the editor without third-party plugins, theme code or experimental features, and it only affects logged-in admins, so visitors keep seeing your normal site.
To enable it, go to Elementor > Editor > Tools, open the General tab, set Safe Mode to Enable and save. Then open the page again with “Edit with Elementor”.
- Editor loads in Safe Mode: a plugin or your theme is the cause. Turn off Safe Mode, then deactivate plugins one at a time (keep Elementor and Elementor Pro active) and reload the editor after each one. To test the theme, switch to Hello Elementor for a moment.
- Editor still stuck: the problem is likely memory, caching or the server. Keep going with the next fixes.
Remember to disable Safe Mode when you finish, because it also turns off your active experiments.
Fix 5: Read the error in the browser console
When the page stays grey, the browser usually tells you why. Right-click the grey area, choose Inspect and open the Console tab. Red errors give you a name to search for. A plugin folder in the file path points to that plugin. A message about “X-Frame-Options” or “frame-ancestors” points to Fix 7.
If you want a server-side log as well, add these lines to wp-config.php, reload the editor, then check /wp-content/debug.log:
define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', true );
define( 'WP_DEBUG_DISPLAY', false );Turn debugging off again once you have what you need.
Fix 6: Exclude Elementor from caching, minify and CDN tools
Optimization tools can break the editor. Features that combine, minify or delay JavaScript are the usual suspects. Cloudflare’s Rocket Loader is called out by Elementor as a known cause, and Elementor suggests creating a rule so Rocket Loader is bypassed for Elementor.
Clear every cache layer (plugin, server and CDN), then turn off JavaScript optimization for a quick test. If the editor works, re-enable features one at a time and exclude the Elementor editor and its scripts from the one that breaks it. Also pause any theme preloader, which can sit on top of the editor and look like an endless spinner.
Fix 7: Check server headers and security rules
The editor shows your page inside a frame on the same domain. If your server sends the X-Frame-Options header as DENY, or a Content-Security-Policy with frame-ancestors set to none, the preview cannot load. Elementor asks for X-Frame-Options set to SAMEORIGIN and frame-ancestors set to ‘self’.
Change these in .htaccess or your server config, or ask your host to set them. Also ask whether a firewall rule is blocking admin-ajax.php or the REST API, since that can freeze the editor too.
Fix 8: Switch the editor loader method
Elementor has a built-in setting for servers that struggle to load the editor. In your WordPress admin, open Elementor’s Settings, go to the Advanced tab, turn on Switch Editor Loader Method and save. Reload the editor and test again. You can switch it back at any time.
Fix 9: Isolate custom code and broken elements
If only one page refuses to load, the content on that page may be the issue. Elementor suggests these checks:
- Set any custom code snippets to Draft (under Elementor’s Custom Code screen), then reload the editor.
- If you use the Loop Grid, temporarily disable the Loop feature in Elementor > Element Manager, save the page without it, re-enable it and rebuild the widget.
- If you are testing the newer V4 (Atomic) elements, deactivate V4 and see if the page loads.
- Restore an earlier version of the page from Revisions in the editor history, if you can reach it.
Elementor not loading: symptom and first fix
| What you see | Most likely cause | Try first |
|---|---|---|
| Endless spinner on every page | Plugin conflict or low memory | Fix 3, then Fix 4 |
| Grey preview, panel loads | Blocked frame or script error | Fix 5, then Fix 7 |
| Works in incognito only | Browser extension or cache | Fix 1 |
| Broke right after an update | Version mismatch or cached scripts | Fix 2, then Fix 6 |
| Only one page fails | Broken element or custom code | Fix 9 |
Keep it from happening again
A few habits keep your editor fast. Update Elementor and Elementor Pro together, ideally on a staging site first. Keep your plugin list lean. And choose addons that load assets only for the widgets you actually use.
That is the idea behind Bright Addons. The free version gives you 20 widgets, and Pro adds 60+ more, starting at $19 a year with a 14-day refund. You can browse them all on the widgets page, and our docs cover setup and troubleshooting.
FAQ
Why is Elementor not loading after an update?
The most common reasons are a version mismatch between Elementor and Elementor Pro, or old cached scripts. Update both plugins, then clear your plugin, server and CDN caches and reload the editor.
How much memory does Elementor need?
Elementor’s requirements list 256 MB as the minimum, 512 MB as recommended and 768 MB for the best performance. Larger sites with WooCommerce should use at least 512 MB.
Does Safe Mode change my live website?
No. Safe Mode only affects logged-in administrators inside the editor. Visitors keep seeing your normal site while you debug.
Can I edit with Elementor on a phone or tablet?
No. Elementor editing is supported on desktop browsers only. You can still preview responsive layouts with the device switcher inside the desktop editor.
Conclusion
If you are dealing with Elementor not loading, work from the quick checks to the deeper ones: another browser, updates, memory, Safe Mode, the console, caching, server headers, the loader setting and finally the page content. Together, these fixes cover the causes Elementor’s own help center lists most often.
If you want a light set of widgets that plays nicely with the editor, start with Bright Addons for free, and see the pricing page when you are ready for Pro.
