Popup Image
Popup Image
Build website quickly with Spexo Theme Free Download →

How to Fix Elementor Not Loading Error

Is your Elementor not loading on your site? It occurs because of various reasons, such as low PHP memory, plugin conflicts and host server issues.

Screenshot of Elementor not working (loading error)

If you face problems while loading Elementor and need a solution for this, then you must read our guide. In this guide, we will tell you reasons behind why your Elementor is not loading on site and solutions to fix it.

Let’s dive into the solutions!

Why is Elementor Not Loading on Your Site?

When Elementor is not loading on your site, then you will see a blank page with the Elementor logo. You may also see widgets on the left side of your screen greyed out and stuck on the “ loading” condition. In this case, you are unable to access your site content or pages. Here are the causes of Elementor not loading properly on your site

Plugins conflicts
The plugins conflicts with the Elementor cause the loading issues. If the Elementor loading conflicts the JavaScript or CSS, then it is because of plugins. It is because of caching, security, or optimization of plugins that change page output.

Theme conflicts
Sometimes the WordPress theme are also conflicts with the Elementor, especially when the theme is not coded properly or not updated to the latest version.

Memory limit
There is a specific PHP memory limit of WordPress, and if your site is exceeds to this limit, then it cause Elementor not loading issue. This problem is common on complex sites where you installed many plugins.

Hope you know the causes of Elementor not loading issues. Go to the next section to understand the solutions to fix it.

Elementor System Requirements

There are some specific Elementor system requirements, that you should meet to ensure that it smoothly runs on your site. Ensure to meet the given requirements:

  • WordPress: Version 5.8 or higher
  • PHP: Version 7.4 or higher
  • MySQL: Version 5.6 or higher
  • WP Memory Limit: 256 MB or higher

If you do not meet these requirements, then also Elementor are install on your site, but they do not function properly.

If you want to check your system compatibility to check if there is error with loading, then you can go to Elementor → System Info. Check out our official Elementor guide to know the complete system requirements.

Tutorial showing how to fix Elementor not loading issue

How To Fix Elementor Not Loading

Here are similar lines for the 8 possible ways to fix Elementor not loading issues:

  1. Clear Browser Cache
  2. Activate Switch Editor Loader
  3. Find the Culprit Plugin or Theme
  4. Update Elementor Latest Version
  5. Switch Browser or Disable Extensions
  6. Upgrade Latest PHP Version
  7. Increase PHP Memory Limit
  8. Check .htaccess File

1. Clear Browser Cache

Browser cache is also cause the Elementor not loading problem, if it stored outdated or old files. So, you must clear cache.
Here are the steps you should follow to easily clear the cache:

For Chrome:

  1. Click the three dots → Settings.
  2. Go to Privacy and security → Clear browsing data.
  3. Select Cached images and files.
  4. Click Delete data.

Elementor stuck on loading screen with grey blank page

Once you clear cache, refresh your site and see if loading problem is fix. If it still persists, then you should follow the next solution.

2. Activate Switch Editor Loader

The server configuration conflicts also cause the Elementor not loading problems. To identify this cause, you should use the built in solution on Elementor by access it through dashboard.

Navigate to Elementor → Settings → Advanced, and Enable the Switch Editor Loader Method. This setting helps you to identify the server conflict that triggers this issue.

Elementor editor not loading error message on page

After you activate this option, refresh your site and check if it fix this loading problem.

3. Find the Culprit Plugin or Theme

If still Elementor is still not working after following the above solutions, then it is because of the plugin or theme issue. To identify and fix the issues cause by plugins or themes, then here are steps you should follow:

  1. Disable Elementor Safe Mode: First, check that you have disabled the Elementor’s Safe Mode.
  2. Deactivate All Plugins: Navigate to Plugins → Installed Plugins. Select all plugins and choose Deactivate from the bulk actions dropdown. Click Apply to deactivate them all.
    Elementor troubleshooting guide steps screenshot
  3. Activate Plugins One by One: Then, Start activating each plugin one by one. After activating every plugin, check your site whether the load problem resolve or not. It helps you find the problematic plugin.
    If Elementor works after deactivating all plugins and then reactivating them one by one, you’ve identified the culprit plugin.
  4. Check for Theme Conflicts: After deactivating all plugins, if still loading issue occurs, then it is related to theme conflicts. To check this, go to Appearance → Themes and activate a default theme like Twenty Twenty-One.
    If Elementor starts working properly after changing the theme, then you find the issue, and you’ll need to replace or update the existing WordPress theme.

Example of Elementor loading problem (spinning loader icon)

4. Update Elementor Latest Version

If you are operating an outdated Elementor version, then it causes loading issues. So, you should always use the updated Elementor version.

  1. Navigate to WordPress Dashboard → Plugins → Installed Plugins.
  2. Find Elementor and click Update Now if an update is available.
  3. Moreover, you should regularly check the updates to ensure compatibility with your system.

fix Elementor stuck on loading screen

5. Switch Browser or Disable Extensions

If you add the number of extensions on your browser, then it also causes the Elementor not loading issues. In this case, you should switch browsers or disable all extensions. Below are steps to follow:

  1. Switch to another browser without extensions.
  2. Disable extensions in your current browser:
    • In Chrome, go to chrome://extensions/.
    • Disable extensions one by one to know which is the culprit extension.

how to solve Elementor stuck on loading screen

After the above steps, now again trying to load your site again to see if this issue is resolved.

6. Upgrade Latest PHP Version

PHP is the programming language behind WordPress functioning. All the plugins and themes have different PHP version requirements. So, to ensure Elementor loading properly, you must use the PHP 7 or higher. To check and update the PHP version, here are the steps you should follow:

How to Check and Update PHP Version:

  1. Check Your PHP Version:
    • Open your WordPress dashboard and go to Tools → Site Health.
    • In the Site Health Info section, you’ll see information about the existing PHP version you use.
      how to fix Elementor editor not loading
  2. Update Your PHP Version:
    • Go to cPanel and Log into your hosting account.
    • Scroll down to find the MultiPHP Manager (or Select PHP Version) option and click on it.
      how to fix Elementor not loading error
    • Now, another page opens. Here, you should look for the PHP version. Use the dropdown menu to select the latest PHP version to update it.
      how to fix Elementor not loading error using Update Your PHP Version
  3. Save Changes:
    • Once you select the latest PHP version, click on the save button to save changes. In this way, your site are updated to latest PHP version.

If Your Host Doesn’t Offer cPanel:

If cPanel is not offered by the host, then you can reach out to their support and get more assistance in updating the PHP version.

7. Increase PHP Memory Limit

Increasing the PHP memory limit also resolves the Elementor loading issues.

Here are the steps you should follow to increase the limit:

  1. Access Your Hosting Account:
    • Log into your hosting account and navigate to cPanel.
    • Open File Manager, and go to the public_html directory.
  2. Edit wp-config.php File:
    • Find the wp-config.php file and right-click on it.
    • Select Edit to open it in a new tab.
      Increasing PHP memory limit to fix Elementor loading issue
  3. Update Memory Limit:
    • Look for the line that reads
      define( 'WP_MEMORY_LIMIT', '32M' );
    • Change the value from '32M' to '256M':
      define( 'WP_MEMORY_LIMIT', '256M' );
  4. Save and Exit:
    • If you can’t find the line, insert it above the line that reads
      /* That's all, stop editing! Happy publishing. */
    • After making the change, click Save Changes and exit the file.
  5. Test Elementor:
    • Try loading Elementor again to see if the issue is resolved.

If Your Host Doesn’t Offer cPanel:

If you do not access cPanel through your hosting provider, then you should connect to your server by using FTP and access cPanel and edit wp-config.php file.

8. Check .htaccess File

The .htaccess file controls server configurations and can sometimes cause Elementor editor issues. To resolve this:

  1. Backup your .htaccess file: Access it via cPanel or FTP, and make a backup copy.
  2. Create a new .htaccess file: Delete the existing file and create a new one with default content.
  3. Default content for .htaccess
    # BEGIN WordPress
    
    RewriteEngine On
    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
    RewriteBase /
    RewriteRule ^index\.php$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
    
    # END WordPress
    

If you are looking for more details on .htaccess file and how does it works, then you can check guide on .htaccess. It can fix the loading issues caused because of .htaccess misconfigurations.

Bonus: Choose Well-Coded Addons

Spexo Addons for Elementor

If you want to enhance functionality of your Elementor website, then you can use the well coded and compatible addons. Sometimes, there are third-party addons widgets that prevent your Elementor to load properly.

Spexo Addons is the best choice for users who want to add more functions to their website. It is trusted by over thousands of users worldwide. These powerful addons offers 100+ widgets, premade Elementor templates, and 200+ ready-made blocks that are easy to implement on your site.

You can easily turn widgets on and off with a single click for a streamlined experience. Try this clean-coded, lintor addon toghtweight Eleme create a smooth, error-free website like a pro.

FAQs about how to fix Elementor not loading issue

Elementor may stuck on the loading page as a result of various reasons including conflicts with some plugins, an obsolete version of PHP, insufficient memory capacity, or complications with your browser cache. In many cases, a blank gray screen with a twirling loader displays. You need to start by clearing your cache, disabling conflicting plugins, and checking the server requirements.

To fix the Elementor editor not loading:

  • Clear your browser cache and cookies.
  • Deactivate recently added plugins.
  • Increase PHP memory limit in wp-config.php.
  • Switch the editor loader method in Elementor settings.
  • Update PHP and WordPress to the latest versions. Each step targets a common cause behind the Elementor loading issue.

Indeed, browser cache that is outdated or corrupt will certainly hinder proper loading and functioning of Elementor tools. Opening the editor in incognito mode or clearing your browser cache are simple yet efficient steps that can be taken without delving into coding files.

Any plugins that modify the frontend, add integration tools, or employ heavy scripts with caching, minification, or optimization functions can sometimes conflict with Elementor. Try deactivating plugins individually to find the problem.

Elementor recommends at least 256M PHP memory limit for smooth performance. You can increase this by adding the following line to your wp-config.php file:
define('WP_MEMORY_LIMIT', '256M');

Yes, Safe Mode for Elementor does unload all third-party plugins and themes, albeit temporarily. This is an ideal approach to pinpoint the problem without impacting your live site. If you notice that Elementor functions appropriately in Safe Mode, the issue is most probably due to a plugin or theme conflict.

Definitely. Poorly coded third-party Elementor addons can conflict with the core builder and prevent it from loading. Use trusted addons like Spexo Addons, which follow best coding practices to ensure full compatibility with Elementor.

Yes! Here’s a quick checklist:

  • Clear browser cache.
  • Deactivate plugins one by one.
  • Update PHP to 7.4+.
  • Increase memory to 256M.
  • Switch loader method.
  • Disable Safe Mode.
  • Use well-coded addons. This list covers 90% of common Elementor loading errors.

Easily Resolve the Elementor Editor Not Loading Issue

Website errors can increase bounce rates, harm search engine rankings, and lead to lost conversions. Regular maintenance is key to keeping your website error-free and performing well.

In this guide, we’ve shared multiple proven methods to resolve the Elementor editor not loading error. Take your time and try each solution to identify and fix the issue.

You may also like