Nerdy Moms United

How to Fix Elementor Stuck on Loading Screen – Illustrated Guide – Part 3

In Part 1 of How to Fix Elementor Stuck on Loading Screen, we already walked through clearing and testing your cache. If you haven’t cleared your cache on your WordPress website and browsers please go to Part 1 and do that first. –> Post: How to Fix Elementor Stuck on Loading Screen – Part 1

In Part 2 of How to Fix Elementor Stuck on Loading Screen, we checked for conflicts between Elementor and your WordPress site. If you haven’t checked for conflicting issues between Elementor and your WordPress site, then please go to Part 2. –> Post: How to Fix Elementor Stuck on Loading Screen – Part 2

How to Fix Elementor Stuck on Loading Screen – Pt3 | Elementor Doesn’t Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error |
How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can’t I edit with Elementor? | host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated | Header x-frame-options setting

How to Fix Elementor Stuck on Loading Screen - Pt3 | Elementor Doesn't Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error | How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can't I edit with Elementor? | host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated | Header x-frame-options setting


Part 1 and 2 of the guide will need to be tried before moving on to Part 3. In Part 3 of How to Fix Elementor Stuck on Loading Screen, I will walk you through these troubleshooting steps. These steps below will require you to be comfortable with making changes to the file structure of your WordPress site in cPanel. If you are not comfortable with that, please have your Web Developer or Host Provider help you with these steps.

  • Your host PHP Version is conflicting with Elementor

  • Your WordPress site has a memory limitation

  • Your wp_config.php needs to be updated

  • Header x-frame-options is set to deny

How to check your PHP Version in WordPress?

We are checking to see if your PHP Version is conflicting with Elementor. First, you will need to find what version of PHP your WordPress is using. These steps you can easily do yourself. Updating your PHP Version also helps your site run faster.

1. Log into your WordPress dashboard.

2. In the left sidebar, navigate to the “Elementor” link.

3. Click on the “System Info” link.

4. In the “Server Environment” dashboard look for “PHP Version:” (In this example you see PHP Version 7.2.9).

How to Fix Elementor Stuck on Loading Screen - Pt3 | Elementor Doesn't Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error |  How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can't I edit with Elementor? |  host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated |  Header x-frame-options setting

Contact your Web Developer or Hosting Provider.
Ask them to update your PHP version on the server.

The Elementor Troubleshooting Guide is an illustrated step by step guide on how to fix the 7 most frustrating problem with Elementor.

Elementor Troubleshooting Guide


In this guide you will learn how to fix these Elementor issues…

  • Why can’t I see my changes I made in Elementor?

  • How to fix Elementor when it is stuck the on loading screen

  • How to Fix the Elementor Widgets is Not Loading Error

  • How to Fix the Missing Content Area in Elementor Error

  • How to Fix the Can’t Edit Page with Elementor Error

  • How to Fix the Publish/Update Button Not Working on Elementor Error

  • How to Fix the 500 Error While Using Elementor Error

Nerdy Moms United YouTube Channel

OR

Do it yourself steps:

1. Log into your Hosting account. (I’m using BlueHost for this example.)

2. Click on the “Advanced” link in the menu to get to the cPanel dashboard. (Each Hosting Provider is different on where they keep the cPanel.)

How to Fix Elementor Stuck on Loading Screen - Pt3 | Elementor Doesn't Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error |  How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can't I edit with Elementor? |  host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated |  Header x-frame-options setting

3. Scroll down to the “Software” section, click on the “MultiPHP Manager” button.

4. Select the checkbox next to the site you want to update the PHP Version on.

5. Go to the PHP Version dropdown and select the PHP Version you want the site to be upgraded to.

6. Click the “Apply” button.

Test to see if Elementor is working!

1. PHP Version update is completed.

2. Log into your WordPress dashboard.

3. In the left sidebar, navigate to the “Pages” link.

4. Go to the page you want to change with Elementor.

5. Click on the “Edit with Elementor” link under the Title of the page.

6. If the Elementor editor doesn’t load up, go to the next troubleshooting step.

If the Elementor editor loads up, then the problem was caused by Elementor conflicting with the PHP Version on the server.

The Elementor Troubleshooting Guide is an illustrated step by step guide on how to fix the 7 most frustrating problem with Elementor.

Elementor Troubleshooting Guide


In this guide you will learn how to fix these Elementor issues…

  • Why can’t I see my changes I made in Elementor?

  • How to fix Elementor when it is stuck the on loading screen

  • How to Fix the Elementor Widgets is Not Loading Error

  • How to Fix the Missing Content Area in Elementor Error

  • How to Fix the Can’t Edit Page with Elementor Error

  • How to Fix the Publish/Update Button Not Working on Elementor Error

  • How to Fix the 500 Error While Using Elementor Error

How to check for a memory limitation on your WordPress site?

There are two reasons why your site could have a memory limitation. This limitation will cause Elementor to be stuck on the loading screen.

Warning: In this section, you will need to make a backup of your .htaccess file before you make any changes to it. This is to protect your site if the changes don’t work causing damage to your site. If you are not comfortable in making these changes yourself, please contact your Web Developer or Hosting Provider and they will be happy to help you.

1. The hosting package that was selected for your site has a preset memory limitation.
2. Your WordPress .htaccess file code needs to be updated.

Contact your Web Developer or Hosting Provider.
Ask them to update your .htaccess on the server. With this code below:
Feel free to share this post with them.

LimitRequestBody 99999999999
<IfModule mod_substitute.c>
SubstituteMaxLineLength 10M
</IfModule>


OR

Do it yourself steps:

1. Log into your Hosting account. (I’m using BlueHost for this example.)

2. Click on the “Advanced” link in the menu to get to the cPanel dashboard.

How to Fix Elementor Stuck on Loading Screen - Pt3 | Elementor Doesn't Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error | How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can't I edit with Elementor? | host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated | Header x-frame-options setting



3. Go to the “Files” section, click on the “File Manager” button.

How to Fix Elementor Stuck on Loading Screen - Pt3 | Elementor Doesn't Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error |  How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can't I edit with Elementor? |  host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated |  Header x-frame-options setting



4. In the left panel click on the “public_html” folder.

5. In the large center panel find the “.htaccess” file.

6. Important Step Don’t Skip! You must make a copy of the .htaccess file.

1. Right click on the “.htaccess” file.

2. In the menu click on the “Copy” link.

How to Fix Elementor Stuck on Loading Screen - Pt3 | Elementor Doesn't Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error |  How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can't I edit with Elementor? |  host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated |  Header x-frame-options setting



7. Right click on the “.htaccess” file.

8. In the menu click on the “Edit” link.

9. Update .htaccess file with this code below:

LimitRequestBody 99999999999
<IfModule mod_substitute.c>
SubstituteMaxLineLength 10M
</IfModule>

10. Click on the “Save Changes” button on your updated “.htaccess” file.

Test to see if Elementor is working!

1. Log into your WordPress dashboard.

2. In the left sidebar, navigate to the “Pages” link.

3. Go to the page you want to change with Elementor.

4. Click on the “Edit with Elementor” link under the Title of the page.

5. If the Elementor editor doesn’t load up, go to the next troubleshooting step.

If the Elementor editor loads up, then the problem was caused by Elementor conflicting with the memory limitation in the .htaccess file.

The Elementor Troubleshooting Guide is an illustrated step by step guide on how to fix the 7 most frustrating problem with Elementor.

Elementor Troubleshooting Guide


In this guide you will learn how to fix these Elementor issues…

  • Why can’t I see my changes I made in Elementor?

  • How to fix Elementor when it is stuck the on loading screen

  • How to Fix the Elementor Widgets is Not Loading Error

  • How to Fix the Missing Content Area in Elementor Error

  • How to Fix the Can’t Edit Page with Elementor Error

  • How to Fix the Publish/Update Button Not Working on Elementor Error

  • How to Fix the 500 Error While Using Elementor Error



How to update your wp_config.php file for WordPress?

This fix also helps with another type of memory limitation that causes the “Elementor stuck on loading screen” error.

Warning: In this section, you will need to make a backup of your wp_config.php file before you make any changes to it. This is to protect your site if the changes don’t work causing damage to your site. If you are not comfortable in making these changes yourself, please contact your Web Developer or Hosting Provider and they will be happy to help you.

Contact your Web Developer or Hosting Provider.
Ask them to update your wp_config.php on the server. With this code below:
Feel free to share this post with them.

Find this section below in the wp_config.php file.

define( ‘WP_DEBUG’, false );

Add this code under it:

define( ‘WP_MAX_MEMORY_LIMIT’, ‘256M’ );

It should look like this example when you are done:

define( ‘WP_DEBUG’, false );
define( ‘WP_MAX_MEMORY_LIMIT’, ‘256M’ );

OR

Do it yourself steps:

1. Click on the “Advanced” link in the menu to get to the cPanel dashboard.

How to Fix Elementor Stuck on Loading Screen - Pt3 | Elementor Doesn't Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error | How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can't I edit with Elementor? | host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated | Header x-frame-options setting



2. Go to the “Files” section, click on the “File Manager” link.

How to Fix Elementor Stuck on Loading Screen - Pt3 | Elementor Doesn't Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error | How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can't I edit with Elementor? | host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated | Header x-frame-options setting



3. In the left panel click on the “public_html” folder.

4. In the large center panel, find the “wp_config.php” file.

5. Important Step Don’t Skip! You must make a copy of the wp_config.php file.

1. Right click on the “wp_config.php” file.

2. In the menu click on the “Copy” link.

How to Fix Elementor Stuck on Loading Screen - Pt3 | Elementor Doesn't Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error |  How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can't I edit with Elementor? |  host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated |  Header x-frame-options setting



6. Right click on the “wp_config.php” file.

7. In the menu click on the “Edit” link.

8. Find this section below in the wp_config.php file.

define( ‘WP_DEBUG’, false );

Add this code under it:

define( ‘WP_MAX_MEMORY_LIMIT’, ‘256M’ );

It should look like this example when you are done:

define( ‘WP_DEBUG’, false );
define( ‘WP_MAX_MEMORY_LIMIT’, ‘256M’ );

9. Click on the “Save Changes” button on your updated “wp_config.php” file.

Test to see if Elementor is working!

1. Log into your WordPress dashboard.

2. In the left sidebar, navigate to the “Pages” link.

3. Go to the page you want to change with Elementor.

4. Click on the “Edit with Elementor” link under the Title of the page.

5. If the Elementor editor doesn’t load up, go to the next troubleshooting step.

If the Elementor editor loads up, then the problem was caused by Elementor conflicting with the max memory limitation in the wp_config.php file.

The Elementor Troubleshooting Guide is an illustrated step by step guide on how to fix the 7 most frustrating problem with Elementor.

Elementor Troubleshooting Guide


In this guide you will learn how to fix these Elementor issues…

  • Why can’t I see my changes I made in Elementor?

  • How to fix Elementor when it is stuck the on loading screen

  • How to Fix the Elementor Widgets is Not Loading Error

  • How to Fix the Missing Content Area in Elementor Error

  • How to Fix the Can’t Edit Page with Elementor Error

  • How to Fix the Publish/Update Button Not Working on Elementor Error

  • How to Fix the 500 Error While Using Elementor Error



How to check if my Header X-Frame-Options is set to DENY in WordPress?

The x-frame-options is an important part of the underlying security of your WordPress site. It helps prevent Clickjacking, Cross-Site Scripting (XSS) attacks, and other forms of hacking type attacks. When the Header x-frame-options is set to DENY it will cause the “Elementor stuck on loading screen” error. Changing the set to SAMEORIGIN will allow Elementor to load and still keep your WordPress site safe from those types of attacks.

Want to learn more? Here are some great resources on Securing X-Frame Options and HTTP in WordPress:

https://geekflare.com/wordpress-x-frame-options-httponly-cookie
https://themeskills.com/prevent-clickjacking-wordpress-x-frame-options
http://online.attacker-site.com/html5/ClickjackingTester



How to change my Header X-Frame-Options setting to SAMEORIGIN in WordPress?

Warning: In this section, you will need to make a backup of your .htaccess file before you make any changes to it. This is to protect your site if the changes don’t work causing damage to your site. If you are not comfortable in making these changes yourself, please contact your Web Developer or Hosting Provider and they will be happy to help you.

Contact your Web Developer or Hosting Provider.
Ask them to update your Header X-Frame-Options to SAMEORIGIN on the server.
Feel free to share this post with them.

Find this section below in the .htaccess file.

<IfModule mod_rewrite.c>

Add this code above it:

Header always append X-Frame-Options SAMEORIGIN

It should look like this example when you are done:

How to Fix Elementor Stuck on Loading Screen - Pt3 | Elementor Doesn't Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error |  How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can't I edit with Elementor? |  host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated |  Header x-frame-options setting


OR

Do it yourself steps:

1. Log into your Hosting account. (I’m using BlueHost for this example.)

2. Click on the “Advanced” link in the menu to get to the cPanel dashboard.

How to Fix Elementor Stuck on Loading Screen - Pt3 | Elementor Doesn't Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error | How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can't I edit with Elementor? | host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated | Header x-frame-options setting



3. Go to the “Files” section, click on the “File Manager” button.

How to Fix Elementor Stuck on Loading Screen - Pt3 | Elementor Doesn't Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error | How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can't I edit with Elementor? | host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated | Header x-frame-options setting



4. In the left panel click on the “public_html” folder.

5. In the large center panel find the “.htaccess” file.

6. Important Step Don’t Skip! You must make a copy of the .htaccess file.

1. Right click on the “.htaccess” file.

2. In the menu click on the “Copy” link.

How to Fix Elementor Stuck on Loading Screen - Pt3 | Elementor Doesn't Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error | How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can't I edit with Elementor? | host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated | Header x-frame-options setting



7. Right click on the “.htaccess” file.

8. In the menu click on the “Edit” link.

9. Find this section below in the .htaccess file.

<IfModule mod_rewrite.c>

Add this code above it:

Header always append X-Frame-Options SAMEORIGIN

It should look like this example when you are done:

How to Fix Elementor Stuck on Loading Screen - Pt3 | Elementor Doesn't Finish Loading | Elementor Stuck on Loading Screen | solved Elementor Stuck on Loading Screen | Elementor Stuck on Loading Screen solved | Elementor Stuck on Loading Screen error | Elementor not working after update | Elementor white screen | Elementor is stuck on the loading screen | How to Resolve Elementor Stuck on Loading Screen Error |  How to Fix Elementor Stuck on Loading Screen Error | Why is Elementor not Loading? | Why can't I edit with Elementor? |  host PHP Version is conflicting with Elementor | WordPress site has a memory limitation | WordPress .htaccess file needs to be updated | wp_config.php needs to be updated |  Header x-frame-options setting



10. Click on the “Save Changes” button on your updated “.htaccess” file.

Test to see if Elementor is working!

1. Log into your WordPress dashboard.

2. In the left sidebar, navigate to the “Pages” link.

3. Go to the page you want to change with Elementor.

4. Click on the “Edit with Elementor” link under the title of the page.

The Elementor Troubleshooting Guide is an illustrated step by step guide on how to fix the 7 most frustrating problem with Elementor.

Elementor Troubleshooting Guide


In this guide you will learn how to fix these Elementor issues…

  • Why can’t I see my changes I made in Elementor?

  • How to fix Elementor when it is stuck the on loading screen

  • How to Fix the Elementor Widgets is Not Loading Error

  • How to Fix the Missing Content Area in Elementor Error

  • How to Fix the Can’t Edit Page with Elementor Error

  • How to Fix the Publish/Update Button Not Working on Elementor Error

  • How to Fix the 500 Error While Using Elementor Error



If the Elementor editor doesn’t load up, then a ticket will need to be submitted to Elementor’s support.

Click on the link to go to Part 4 for steps on submitting a support ticket to Elementor.

Post: How to Fix Elementor Stuck on Loading Screen – Part 4


Here are the links to go to the troubleshooting steps for Part 1 and Part 2 if you want to go back.

Post: How to Fix Elementor Stuck on Loading Screen – Part 1
This is a walkthrough of how to clear and test your cache on your WordPress site and internet browser.

Post: How to Fix Elementor Stuck on Loading Screen – Part 2
This Part helps you check for conflicts between Elementor and your WordPress site.



If the Elementor editor loads up, then the problem was caused by Elementor conflicting with the X-Frame-Options. If this helped you solve your Elementor problem, please share this post so it can help other Elementor users.

Please leave a comment if any of these steps helped you. I would love to know if I help you with your WordPress pain points.

I make a commission from purchases made through links in my posts, at no extra cost to you. Read my disclosure for more information.

8 thoughts on “How to Fix Elementor Stuck on Loading Screen – Illustrated Guide – Part 3”

    1. Michelle - Nerdy Moms United

      I agree it is so much easier to run a blog with WordPress and Elementor gives you a lot of flexibility.

  1. Very useful tips to solve the issue about elementor stuck on loading screen. It is well explained. Thanks for sharing.

Comments are closed.

Don`t copy text!