Elementor Stuck on Loading Screen? Here’s How to Fix It!
Elementor is one of the most popular page builder plugins for WordPress, offering powerful features that make it possible to design websites without any coding skills.
However, sometimes Elementor errors may appear while editing or loading a page, interrupting your website design process.
In this article, we’ll share 8 simple and effective ways to fix the issue of Elementor not loading or opening while editing. Follow along to quickly troubleshoot the problem and get back to creating your pages smoothly.
Solution 1: Update the Elementor Plugin
Before performing any updates, make sure to create a full backup of your website. This allows you to restore your site to its previous state in case anything goes wrong during the update process.
Sometimes, even the most complicated problems have the simplest solutions. The first step to fixing the Elementor loading issue is to update your Elementor plugin to the latest version.
To check whether your Elementor needs an update:
- Go to your WordPress Dashboard > Plugins > Installed Plugins.
- Find the Elementor plugin in the list.
- If you see an “Update Now” button next to it, click it to install the latest version.
This process only takes a few seconds but can often fix many loading or performance errors in Elementor.
If the loading problem persists even after the update — don’t worry! Try the next solutions below.
Solution 2: Increase Your Server Memory Limit
Sometimes, Elementor may fail to load properly because of insufficient server memory — in other words, your hosting’s PHP memory limit (RAM) is too low. To fix this issue, you can try one of the following two methods to increase your server memory.
Method 1: Increase Memory Limit via wp-config.php File
You can manually increase your site’s PHP memory limit through the wp-config.php file in your hosting panel.
Here’s how to do it step by step:
- Log in to your hosting control panel (cPanel or DirectAdmin).
- Go to: File Manager → public_html → wp-config.php
- Right-click on the wp-config.php file and select Edit.
- Add the following line of code just before the line that says: “That’s all, stop editing! Happy publishing.”
define(‘WP_MEMORY_LIMIT’, ‘1024M’);
This code increases your WordPress memory limit to 1024 MB, which is usually enough to fix most Elementor loading errors caused by low memory.
Method 2: Increase Server Memory via the php.ini File
In this method, you also need access to your hosting control panel — either cPanel or DirectAdmin.
- cPanel
- If you’re using cPanel, go to File Manager → public_html.
- You need to create a file named php.ini inside the public_html directory.
- Then, from the path File Manager → public_html → php.ini, add the following code to the php.ini file.
define(‘WP_MEMORY_LIMIT’, ‘1024M’);
define(‘WP_MAX_MEMORY_LIMIT’, ‘1024M’);
- DirectAdmin
If you’re using DirectAdmin, go to File Manager → /domains/yoursite.com/public_html.
If the php.ini file doesn’t exist, create a new file named php.ini inside the public_html directory and add the following code to it.
define(‘WP_MEMORY_LIMIT’, ‘1024M’);
define(‘WP_MAX_MEMORY_LIMIT’, ‘1024M’);
You can also increase the memory limit from the main DirectAdmin panel by going to Extra Features → MultiPHP INI Editor.
Select your website’s domain, then set the memory_limit value to memory_limit = 1024M.
Save the changes once done.
If you don’t see the MultiPHP INI Editor option in your panel, your access is likely restricted by your hosting provider.
In that case, you’ll need to contact your hosting company to request an increase in the server memory limit.
Solution 3: Change the Editor Loading Method in Elementor
If Elementor still fails to load after trying the previous steps, go to your WordPress Dashboard → Elementor → Settings → Advanced, then enable the option Switch Editor Loader Method and save your changes.
Solution 4: Enable Safe Mode in Elementor
If you want to check whether the issue is caused by the Elementor plugin itself or a conflict with another plugin on your website, go to WordPress Dashboard → Elementor → Tools → General, and enable Safe Mode in Elementor.
Solution 5: Disable Unnecessary Elementor Add-ons
Sometimes, you might install additional Elementor add-ons like Jet Elements to access more widgets. However, many of these widgets may not be necessary for your design. To improve your site’s loading speed, go to the settings of these add-ons and disable the widgets you don’t use.
Solution 6: Test Your Website with a Default WordPress Theme
Another possible cause of the Elementor loading issue is a theme conflict. Temporarily disable your current theme and activate one of the default WordPress themes such as Hello Elementor or Twenty Twenty-One. Then, test the Elementor editor again. If it works properly, the issue comes from your current theme.
Solution 7: Check the .htaccess File
Security or caching plugins sometimes modify your .htaccess file, which can cause functionality issues.
- First, create a backup of your website.
- Then, open the .htaccess file and clear its contents.
- After that, go to WordPress Dashboard → Settings → Permalinks, and click Save Changes without making any edits.
- This will regenerate a clean default .htaccess file.
- Now, check if Elementor loads correctly.
If not, try the remaining solutions.
Final Solution: Deactivate All Installed Plugins
If none of the above methods fix the Elementor loading problem, it’s time to deactivate all your installed plugins. Then, reactivate them one by one, testing Elementor each time. This process will help you identify which plugin is causing the conflict.
Once you find the problematic plugin:
- Contact the plugin’s developer or support team.
- Check if a new update for that plugin is available and make sure you’re using the latest version.
- If the issue persists and you can add the feature through custom coding, it’s better to do so.
- Otherwise, review the plugin’s code or search online to see if others have reported conflicts between that plugin and Elementor.
