Did your Elementor editor panel freeze? This is the very famous Elementor not loading error that made so many web designers dislike Elementor at first. Let me say this, it’s not a fault Elementor plugin but a simple WordPress memory limit problem.
But it’s annoying if the Elementor widget panel is stuck on loading on your first try. In this article, we will show you the quickest ways to fix Elementor stuck on loading screen.
Reasons why Elementor editor panel freezes occasionally
If you open any page with Elementor editor and see the widget menu loading infinitely, it’s called the stuck at loading Elementor error. This can happen if your site’s PHP memory is less than necessary or Elementor is having a plugin conflict with the theme or installed plugins. Also, there are reports that a cache plugin may cause Elementor widgets to misfunction.
In rare cases, this problem may occur due to a bug from your hosting provider. But for 99% of the time, your WordPress PHP memory limit is the main issue. To resolve Elementor stuck on loading, you just have to increase the memory limit that’s all.
You can check your system info for WordPress or the site health and you should be able to see how much memory your site has. If it’s below or equal to 56MB, the loading error will definitely be caused by low memory. You can fix it by simply increasing the memory limit for your website.
This fix should work unless there are other technical faults in your website that may require looking further into the PHP error log and pagespeed insights.
In case it’s a memory limit issue, go ahead and read the methods mentioned below to solve it instantly.
3 Instant Fix For Elementor Stuck on Loading Error
It’s possible to increase your site’s PHP memory with just 3 easy solutions-
- Edit Wp-config.php
- Edit php.ini
- Edit .htaccess
All 3 methods are easy to execute and you won’t be needing a deeper knowledge of coding. Just that, these are still technical fixes that require careful execution. So, better get ready.
Plus, you will be editing code files so use a better text editor like Sublime Text instead of the complicated windows text editor.
1. Increase site memory with Wp-config.php
Here, you need to do two things.
- Increase the memory limit
- Set an execution time limit
First, let's increase the memory
Step-1: Open the wp-config file
You will need to open the site file from an FTP service and go into the root document. There, you need to find the wp-config.php file inside the site directory.
You can directly open the files if you have the site on a local drive. But if it’s under your hosting, use their preferred FTP file manager like cPanel to access the site database.
Step-2: Add memory extension command
Now, add these lines of code inside the file and save it.
Second, set memory time limit
Increasing the memory time limit will let make the server script run for a fixed time before timing out. By default, the value is low so you might see a return error besides the Elementor loading issue. So, let’s increase the time limit by pasting this code in the same wpconfig.php file-
2. Increase site memory with php.ini
The second method to increase the PHP memory limit and restore the Elementor not loading error is editing the php.ini file.
To do that, log into your cPanel and search for the php.ini file from the file manager.
In case the file is missing, you can just generate a new one in seconds from the dashboard.
Just click on the new file icon and set the file name php.ini and let WordPress address it from public_html.
Now right-click on the file and click on edit.
Then add these two codes inside the file and save it.
memory_limit = 256M;
max_execution_time = 90;
Here, the script may not work properly as it is not in the site address log yet. To make sure it works, go to the settings from the cPanel root directory to add the isapi_ phpini file directive.
On the settings, click on the “show hidden files” and save settings.
Then open the .htaccess file and add the lines shown in the picture below. Then save settings.
Now, the Elementor error of being stuck on loading will be solved.
3. Increase PHP memory limit with .htaccess
The 3rd method is to edit the .htaccess file of your WordPress website. This is one of the most sophisticated files that should not be touched unless you are doing it knowingly. Anything wrong here will create errors on your WordPress site.
Back in action, let’s locate the .htaccess file from the root directory and open it with any text editor. Local or cPanel, both preferred.
Now, paste the code below inside the file and save it.
php_value memory_limit 256M
Right after that, you should be seeing the Elementor widget panel load successfully every time from now on.
Other possible reasons behind Elementor editor loading error
If the editor panel loading issue still persists, that means there are other issues going on with your website. It could be a plugin conflict or problems related to the WordPress theme you are using.
In this case, you have to manually deactivate all plugins one by one except Elementor and find out the culprit. When you find the faulty plugin, either get its support to fix the issue or leave it if there is no fix.
So, are you finally able to use Elementor to its full potential? Leave us a comment if these fixes worked for you.
If the problem still persists, contact our support so we can look into the matter.