{"id":105268,"date":"2023-03-18T11:00:12","date_gmt":"2023-03-18T05:30:12","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&amp;p=105268"},"modified":"2023-03-18T11:00:12","modified_gmt":"2023-03-18T05:30:12","slug":"fix-elementor-editor-stuck-on-loading-screen","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/fix-elementor-editor-stuck-on-loading-screen\/","title":{"rendered":"20+ Ways to Fix Elementor Editor Stuck on Loading Screen [SOLVED]"},"content":{"rendered":"\n<p>One of the most common issues faced by Elementor users is the editor stuck on the loading screen. This frustrating problem can affect productivity and cause unnecessary delays. This issue can be caused by a variety of factors, ranging from server issues to plugin conflicts. Regardless of the cause, the Elementor editor&#8217;s loading screen can be a significant obstacle that requires quick and effective solutions.<\/p>\n\n\n\n<p>Fortunately, there are some actions that you can perform to solve this problem. We understand how frustrating it can be to deal with this problem, and we have compiled a list of actionable solutions that you can implement right away.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why Is Elementor Sidebar Not Loading?<\/h2>\n\n\n\n<p>Before we go into the solution to the Elementor Sidebar Not Loading issue, let\u2019s understand what could cause the loading issue.&nbsp;&nbsp;<\/p>\n\n\n\n<p>At times when you load the Elementor editor after entering the page, the Elementor widget panel keep on loading, not allowing you to use the widgets.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"950\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-widget-freez-example.png\" alt=\"elementor widget freeze example\" class=\"wp-image-105269\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-widget-freez-example.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-widget-freez-example-300x148.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-widget-freez-example-1024x507.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-widget-freez-example-768x380.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-widget-freez-example-1536x760.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-widget-freez-example-600x297.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>When this happens, it means there are some errors, which could happen due to various reasons such as less PHP memory than required, the server configuration is not up to the minimum system requirements of Elementor, or there could be some conflicts with other plugins. Once you find out the reason for the issue, you can take the necessary steps to solve it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Elementor System Requirement<\/h2>\n\n\n\n<p>Every plugin has some minimum system requirement, and so does Elementor. Make sure your settings meet the Elementor System Requirement to be able to use it smoothly.<\/p>\n\n\n\n<p><strong>Elementor System Requirement at a glance<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WordPress 5.8 or Higher<\/li>\n\n\n\n<li>PHP 7.4 or Higher<\/li>\n\n\n\n<li>MySQL 5.6 or Higher<\/li>\n\n\n\n<li>WP Memory limit of 256 MB or Higher<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>You can check the complete system requirement <a href=\"https:\/\/elementor.com\/help\/requirements\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>. In most cases, you\u2019ll able to install the Elementor plugin even if your settings don\u2019t meet the system requirements, but it might not work properly.<\/p>\n\n\n\n<p>You can check your system information from <strong>Elementor<\/strong> &gt; <strong>System Info<\/strong> to see if there are any errors or not.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-system-info-1024x469.png\" alt=\"elementor system info\" class=\"wp-image-105270\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-system-info-1024x469.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-system-info-300x138.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-system-info-768x352.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-system-info-1536x704.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-system-info-600x275.png 600w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-system-info.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to Fix Elementor Widget Panel Not Loading<\/h2>\n\n\n\n<p>The first thing you can do when the Elementor widget panel freezes is to reload the page. Sometimes it fails to load all assets properly, refreshing the page can solve the issue. But if it doesn\u2019t, then you can follow the methods mentioned below.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Increase PHP Memory Limit<\/h2>\n\n\n\n<p>One of the most common reasons for Elementor failing to load is the lack of PHP memory on your server.&nbsp;If your hosting allows, you can increase the PHP memory limit easily.<\/p>\n\n\n\n<p>You can do this from cPanel or FTP.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Form cPanel<\/h3>\n\n\n\n<p>1. Log into cPanel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"680\" height=\"368\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-dashboard.png\" alt=\"cpanel dashboard\" class=\"wp-image-105271\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-dashboard.png 680w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-dashboard-300x162.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-dashboard-600x325.png 600w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p>Image source: <a href=\"https:\/\/www.simplified.guide\/cpanel\/php-memory-limit\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Simplified.guide<\/a><\/p>\n\n\n\n<p>2. Scroll down to the <strong>Software<\/strong> section and click on <strong>Select PHP Version<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"368\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-software.png\" alt=\"cpanel software\" class=\"wp-image-105272\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-software.png 680w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-software-300x162.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-software-600x325.png 600w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p>Image source: <a href=\"https:\/\/www.simplified.guide\/cpanel\/php-memory-limit\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Simplified.guide<\/a><\/p>\n\n\n\n<p>3. On the next page, click on <strong>Options<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"367\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-php-selector-extensions.png\" alt=\"cpanel php selector extensions\" class=\"wp-image-105273\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-php-selector-extensions.png 680w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-php-selector-extensions-300x162.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-php-selector-extensions-600x324.png 600w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p>Image source: <a href=\"https:\/\/www.simplified.guide\/cpanel\/php-memory-limit\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Simplified.guide<\/a><\/p>\n\n\n\n<p>4. Scroll down to find <strong>memory_limit<\/strong> option, click on the dropdown and select the value.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"368\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-php-selector-options-memory-limit-select.png\" alt=\"cpanel php selector options memory limit select\" class=\"wp-image-105274\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-php-selector-options-memory-limit-select.png 680w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-php-selector-options-memory-limit-select-300x162.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cpanel-php-selector-options-memory-limit-select-600x325.png 600w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p>Image source: <a href=\"https:\/\/www.simplified.guide\/cpanel\/php-memory-limit\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Simplified.guide<\/a><\/p>\n\n\n\n<p>5. Once you make the changes, it will save automatically.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">From your Hosting File Manager or FTP<\/h3>\n\n\n\n<p>1. Locate to your WordPress installation root folder.<\/p>\n\n\n\n<p>2. Find the <strong><em>wp-config.php<\/em><\/strong> file.<\/p>\n\n\n\n<p>3. Right click on it and click on <strong>Edit<\/strong>.<\/p>\n\n\n\n<p>4. It will open the file in an editor, add \u201c<em>define(&#8216;WP_MAX_MEMORY_LIMIT&#8217;, &#8216;512M\u2019);<\/em>\u201d before it says \/* That&#8217;s all, stop editing! Happy blogging. *\/. This will increase administrative memory.<\/p>\n\n\n\n<p>5. Below that, add \u201c<em>define( &#8216;WP_MEMORY_LIMIT&#8217;, &#8216;512M&#8217; );<\/em>\u201d to increase public memory.<\/p>\n\n\n\n<p>This is how the code should look &#8211;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>define('WP_MAX_MEMORY_LIMIT', '512M');\ndefine('WP_MEMORY_LIMIT', '512M');\n\n\/* That's all, stop editing! Happy blogging. *\/<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: Depending on your server\u2019s memory limit, that number will probably be lower.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>6. Save the file.<\/p>\n\n\n\n<p>If you want to change this from the WP backend, use the <a href=\"https:\/\/wordpress.org\/plugins\/wp-file-manager\/\" target=\"_blank\" rel=\"noreferrer noopener\">File manager plugin<\/a>.<\/p>\n\n\n\n<p>Once the changes are done, from the Dashboard, go to <strong>Tools<\/strong> &gt; <strong>Site Health<\/strong> from there, click on <strong>Info<\/strong> &gt; <strong>Server<\/strong>.<\/p>\n\n\n\n<p>It will show your server information. Look for <strong>PHP memory limit<\/strong> and see if it shows your changes or not.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1052\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/site-health-server.png\" alt=\"site health server\" class=\"wp-image-105275\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/site-health-server.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/site-health-server-300x164.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/site-health-server-1024x561.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/site-health-server-768x421.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/site-health-server-1536x842.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/site-health-server-600x329.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>If the changes don\u2019t reflect there, it might be due to your hosting restrictions, in that case, you have to contact your hosting support team to increase the PHP memory limit.<\/p>\n\n\n\n<p>Check your hosting control panel for PHP configuration.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: In most cases, increasing the PHP memory limit will solve the issue.<\/em>&nbsp;<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">2. Check Plugins Conflicts<\/h2>\n\n\n\n<p>Another common reason for Elementor not loading is due to conflicts with other plugins. In WordPress, sometimes different plugins conflict with each other causing some errors on the site.&nbsp;<\/p>\n\n\n\n<p>Fixing plugin conflict is not easy, but you have to find out if any plugin is causing the Elementor loading issue or not.<\/p>\n\n\n\n<p>To do this from the Dashboard, go to <strong>Plugins<\/strong> &gt; <strong>Installed Plugins<\/strong>.<\/p>\n\n\n\n<p>Now select all the plugins except <strong>Elementor<\/strong> and <strong>Elementor Pro<\/strong> (if using), from the Bulk Action dropdown, select <strong>Deactivate<\/strong> and click on <strong>Apply<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"914\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-plugins.gif\" alt=\"deactivate plugins\" class=\"wp-image-105276\"\/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: We recommend creating a staging site to test this, as deactivating all plugins can break the functionality of the site.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>You can also use this <a href=\"https:\/\/wordpress.org\/plugins\/health-check\/\" target=\"_blank\" rel=\"noreferrer noopener\">Health Check &amp; Troubleshooting<\/a> plugin while checking the plugin conflict issue on a production site, this will prevent the site from breaking when you deactivate other plugins.<\/p>\n\n\n\n<p>Once done, go back and check if the issue has been resolved or not.&nbsp;<\/p>\n\n\n\n<p>If the Elementor widget panel loads properly, then most probably, the issue is due to a plugin conflict.&nbsp;<\/p>\n\n\n\n<p>Now come back to the plugins section again and activate one plugin at a time, then check again if the Elementor widget panel loads or not.<\/p>\n\n\n\n<p>Repeat the process until you find the plugin that is causing the issue.&nbsp;<\/p>\n\n\n\n<p>Once you find the plugin, contact the plugin support to find a solution or look for an alternative plugin.<\/p>\n\n\n\n<p>If for any reason, after deactivating The Plus Addons for Elementor, things work fine, <a href=\"https:\/\/store.posimyth.com\/helpdesk\" target=\"_blank\" rel=\"noreferrer noopener\">raise a ticket<\/a>, our team will help you.<\/p>\n\n\n\n<p>But make ensure all the mentioned ways are done, and still you&#8217;re unable to find a solution.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. Update Elementor and Other Plugins<\/h2>\n\n\n\n<p>Sometimes, outdated plugins can cause the problem. So make sure to always use the latest version of Elementor and Elementor Pro (if using).&nbsp;<\/p>\n\n\n\n<p>Also, make sure to update all other plugins as well, so they somehow don\u2019t conflict with Elementor.<\/p>\n\n\n\n<p>To check if there are any plugin updates available or not, from the Dashboard, go to <strong>Plugins<\/strong> &gt; <strong>Installed Plugins<\/strong> if any updates are available, update the plugins.<\/p>\n\n\n\n<p>You can also go to <strong>Dashboard<\/strong> &gt; <strong>Updates<\/strong> to double check if there are any updates available or not.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. Disable Unused Widgets<\/h2>\n\n\n\n<p>Elementor has many amazing widgets to create beautiful websites, but most users don\u2019t use all of them. Having lots of widgets loading at a time can also cause the Elementor widget panel to freeze.&nbsp;<\/p>\n\n\n\n<p>So you should disable the unused widgets to reduce the load on your server, especially if you aren\u2019t able to increase the PHP memory size.<\/p>\n\n\n\n<p>Unfortunately, Elementor doesn\u2019t have any options to disable unused widgets, but if you are using <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\" target=\"_blank\" rel=\"noreferrer noopener\">The Plus Addons for Elementor<\/a> to power up your Elementor website, you can easily disable the unused Elementor and Elementor Pro (if using) widgets in one click.<\/p>\n\n\n\n<p><strong><em>Requirement&nbsp; &#8211; This feature is a part of The Plus Addons for Elementor, make sure it&#8217;s installed &amp; activated to enjoy all its powers.<\/em><\/strong><\/p>\n\n\n\n<p>To do this, go to <strong>The Plus Settings<\/strong> &gt; <strong>Performance<\/strong>.<\/p>\n\n\n\n<p>From there, go to Elementor Free &amp; Pro Widgets Manager section and click on the <strong>GO TO WIDGETS MANAGER<\/strong> button.<\/p>\n\n\n\n<p>It will take you to the Elementor Free &amp; Pro Widgets Manager, here click on the <strong>Scan Unused Widgets<\/strong> button.<\/p>\n\n\n\n<p>It will show all the unused widgets, just click on the <strong>Disable Unused Widgets<\/strong> button to disable all unused widgets at once.&nbsp;<\/p>\n\n\n\n<p>Then click on the <strong>Save<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"912\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/disable-elementor-widgets.gif\" alt=\"disable elementor widgets\" class=\"wp-image-105277\"\/><\/figure>\n\n\n\n<p>Similarly, you can disable the unused widget from The Plus Addons for Elementor and The Plus Addons for Elementor Pro.&nbsp;<\/p>\n\n\n\n<p>To do this, go to <strong>The Plus Settings<\/strong> &gt; <strong>Plus Widgets<\/strong>.<\/p>\n\n\n\n<p>Click on the <strong>Scan Unused Widgets<\/strong> button.<\/p>\n\n\n\n<p>Watch this in action:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Disable Unused Elementor FREE &amp; PRO Widgets in One Click | Remove unused CSS &amp; JS\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/J9XMUP4ok-Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>It will show all the unused widgets, just click on the <strong>Disable Unused Widgets<\/strong> button to disable all unused widgets.&nbsp;<\/p>\n\n\n\n<p>Then click on the <strong>Save<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1917\" height=\"916\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/disable-the-plus-addons-widgets.gif\" alt=\"disable the plus addons widgets\" class=\"wp-image-105278\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">5. Try Switching to Default Theme<\/h2>\n\n\n\n<p>Most WordPress themes work smoothly with the Elementor page builder, but at times they can also conflict with the plugin, especially with new updates.<\/p>\n\n\n\n<p>To be certain that it is not a theme issue, you can switch back (temporarily) to any WordPress default themes like Twenty Twenty &#8211; Three or Twenty Twenty &#8211; Two.&nbsp;<\/p>\n\n\n\n<p>You can switch themes from <strong>Appearance<\/strong> &gt; <strong>Themes<\/strong>.&nbsp;<\/p>\n\n\n\n<p>From there, hover over the theme and click on the <strong>Activate<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1918\" height=\"913\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/theme-switch.png\" alt=\"theme switch\" class=\"wp-image-105279\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/theme-switch.png 1918w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/theme-switch-300x143.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/theme-switch-1024x487.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/theme-switch-768x366.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/theme-switch-1536x731.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/theme-switch-600x286.png 600w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: When you change the theme, your content won\u2019t be affected it will just affect the design.<\/em>&nbsp;&nbsp;&nbsp;<\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>Once done, check if you are still having the Elementor loading issue or not. If it solves the issue, then it could be a theme related issue. In that case, you should contact the theme support or switch to an Elementor compatible theme like <a href=\"https:\/\/nexterwp.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Nexter<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">6. Switch Editor Loader Method<\/h2>\n\n\n\n<p>Elementor has an in-built solution to this loading issue, it changes the way the editor loads.<\/p>\n\n\n\n<p>For this, from the Dashboard, go to <strong>Elementor<\/strong> &gt; <strong>Settings<\/strong>.<\/p>\n\n\n\n<p>Then click on the <strong>Advanced<\/strong> tab.<\/p>\n\n\n\n<p>Select <strong>Enable<\/strong> from the <strong>Switch Editor Loader Method<\/strong> dropdown then click on the <strong>Save Changes<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"977\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-switch-editor-loader-method.png\" alt=\"elementor switch editor loader method\" class=\"wp-image-105280\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-switch-editor-loader-method.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-switch-editor-loader-method-300x153.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-switch-editor-loader-method-1024x521.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-switch-editor-loader-method-768x391.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-switch-editor-loader-method-1536x782.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-switch-editor-loader-method-600x305.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>Now check the Elementor editor to see if it has resolved the issue or not.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">7. Check PHP Version<\/h2>\n\n\n\n<p>As mentioned earlier, Elementor needs PHP 7.4 or higher, while most good hosting providers should have the latest PHP version but some poor hostings might be using an outdated version of PHP and this can cause the loading problem.<\/p>\n\n\n\n<p>To check the PHP version, you can go to <strong>Elementor<\/strong> &gt; <strong>System Info<\/strong>.<\/p>\n\n\n\n<p>In the <strong>PHP Version,<\/strong> you\u2019ll see the version number your site is using.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"889\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/php-version.png\" alt=\"php version\" class=\"wp-image-105281\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/php-version.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/php-version-300x139.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/php-version-1024x474.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/php-version-768x356.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/php-version-1536x711.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/php-version-600x278.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>If it shows a lower version than 7.4, you have to update the PHP version.<\/p>\n\n\n\n<p>Most hosting providers have an easy option to update the PHP version. You can refer to their respective documentation.&nbsp;<\/p>\n\n\n\n<p>If you are using cPanel, look for <strong>Select PHP Version <\/strong><em>(We recommend making it PHP 8.0+)<\/em> and click on it.<\/p>\n\n\n\n<p>On the next page, click on Switch to PHP options, from there, you can easily change the PHP version.<\/p>\n\n\n\n<p>Once done, you can come back to <strong>Elementor<\/strong> &gt; <strong>System Info<\/strong> to confirm the update.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">8. Clear Cache<\/h2>\n\n\n\n<p>If you are using some cache plugin, <a href=\"https:\/\/kinsta.com\/blog\/wordpress-clear-cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">clearin<\/a>g the cache could solve the issue. Because at times, it might store some data that could conflict with the Elementor editor and not allow it to load.<\/p>\n\n\n\n<p>If the cache plugin is not properly configured, this issue type of issue could arise.<\/p>\n\n\n\n<p>Most cache plugin has an easy option to clear the cache, try it and see if it could solve the issue.<\/p>\n\n\n\n<p>If you are using object caching provided by your host or with plugins like <a href=\"https:\/\/wordpress.org\/plugins\/redis-cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">Redis Object Cache<\/a> then Flush your object cache and check again.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1994\" height=\"1150\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/redis-object-cache.png\" alt=\"redis object cache\" class=\"wp-image-105282\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/redis-object-cache.png 1994w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/redis-object-cache-300x173.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/redis-object-cache-1024x591.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/redis-object-cache-768x443.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/redis-object-cache-1536x886.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/redis-object-cache-600x346.png 600w\" sizes=\"(max-width: 1994px) 100vw, 1994px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">9. Cloudflare \/ Rocket Loader Issue<\/h2>\n\n\n\n<p>If you are using Cloudflare to optimise your site, the <strong>Rocket Loader<\/strong> settings within Cloudflare could cause the Elementor widget panel to freeze.<\/p>\n\n\n\n<p>As the Rocket Loader differs the loading of all javascript of your site until other assets are loaded, this could cause the problem.<\/p>\n\n\n\n<p>So simply disabling the Rocket Loader could solve the issue.&nbsp;<\/p>\n\n\n\n<p>Log into the Cloudflare account and select your domain.<\/p>\n\n\n\n<p>Click on <strong>Speed<\/strong> &gt; <strong>Optimization<\/strong> from the left menu.<\/p>\n\n\n\n<p>You\u2019ll find the <strong>Rocket Loader<\/strong> option just turn it off.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1785\" height=\"928\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/cloudflare-rocket-loader.png\" alt=\"cloudflare rocket loader\" class=\"wp-image-105283\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cloudflare-rocket-loader.png 1785w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cloudflare-rocket-loader-300x156.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cloudflare-rocket-loader-1024x532.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cloudflare-rocket-loader-768x399.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cloudflare-rocket-loader-1536x799.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/cloudflare-rocket-loader-600x312.png 600w\" sizes=\"(max-width: 1785px) 100vw, 1785px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">10. Reinstall Elementor<\/h2>\n\n\n\n<p>Some users have found that reinstalling Elementor after deleting has solved the issue. You can follow the steps to see if it could solve the problem.<\/p>\n\n\n\n<p>1. From the Dashboard, go to <strong>Plugins<\/strong> &gt; <strong>Installed Plugins<\/strong>.<\/p>\n\n\n\n<p>2. First, deactivate Elementor and Elementor Pro (if using) by clicking on the <strong>Deactivate<\/strong> link (individually).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"749\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-elementor.png\" alt=\"deactivate elementor\" class=\"wp-image-105285\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-elementor.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-elementor-300x117.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-elementor-1024x399.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-elementor-768x300.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-elementor-1536x599.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-elementor-600x234.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>3. Then click on <strong>Delete<\/strong> (individually) to delete Elementor and Elementor Pro (if using).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"744\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/delete-elementor.png\" alt=\"delete elementor\" class=\"wp-image-105284\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/delete-elementor.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/delete-elementor-300x116.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/delete-elementor-1024x397.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/delete-elementor-768x298.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/delete-elementor-1536x595.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/delete-elementor-600x233.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>4. Now, if you are using any cache plugin, clear the cache.<\/p>\n\n\n\n<p>5. Then reinstall Elementor and Elementor Pro (if using) and activate.<\/p>\n\n\n\n<p>Hopefully, this will solve the issue.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">11. Disable Browser Extensions\/Addons<\/h2>\n\n\n\n<p>On rare occasions, some browser add-ons can cause the Elementor sidebar loading issue. Some add-ons can occasionally block or conflict with the Elementor script.<\/p>\n\n\n\n<p>To confirm, try using the Elementor editor in an incognito or private window and see if everything works or not. If it works properly, then disable all the addons and activate one at a time and check again to find out which one is causing the problem.<\/p>\n\n\n\n<p>For example, to open extensions in Chrome use &#8211; <em>chrome:\/\/extensions\/<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"774\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/chrome-extension-new.png\" alt=\"chrome extension\" class=\"wp-image-105072\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/chrome-extension-new.png 1600w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/chrome-extension-new-300x145.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/chrome-extension-new-1024x495.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/chrome-extension-new-768x372.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/chrome-extension-new-1536x743.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/chrome-extension-new-600x290.png 600w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">12. Same WordPress Address (URL) and Site Address (URL)<\/h2>\n\n\n\n<p>In WordPress, generally the WordPress Address (URL) and Site Address (URL) remain the same, but if you want your <a href=\"https:\/\/wordpress.org\/documentation\/article\/giving-wordpress-its-own-directory\/\" target=\"_blank\" rel=\"noreferrer noopener\">homepage URL to be different from the WordPress installation directory<\/a>, then it might be changed.&nbsp;<\/p>\n\n\n\n<p>This different URL also could cause the problem.<\/p>\n\n\n\n<p>To verify from the Dashboard, go to <strong>Settings<\/strong> &gt; <strong>General<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"768\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/wordpress-address-url-site-address-url.png\" alt=\"wordpress address url site address url\" class=\"wp-image-105286\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/wordpress-address-url-site-address-url.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/wordpress-address-url-site-address-url-300x120.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/wordpress-address-url-site-address-url-1024x410.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/wordpress-address-url-site-address-url-768x307.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/wordpress-address-url-site-address-url-1536x614.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/wordpress-address-url-site-address-url-600x240.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>Make sure the <strong>WordPress Address (URL)<\/strong> and <strong>Site Address (URL)<\/strong> are the same with the \u2018https\u2019.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">13. Fixing Mixed HTTPS<\/h2>\n\n\n\n<p>Make sure your website content is served over either HTTPS (recommended) or HTTP. But it shouldn\u2019t have mixed content where some content is served over HTTPS and some on HTTP this can cause some problems.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What is Mixed Content?<\/h3>\n\n\n\n<p>Mixed content refers to a website that contains both secure and non-secure items, such as images, videos, scripts, and other resources. This means that while some parts of the website are secured using HTTPS, other parts are not.<\/p>\n\n\n\n<p>There are two ways you can solve this mixed HTTPS problem.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Replace URLs with Elementor Tools<\/h3>\n\n\n\n<p>Elementor has an in-built tool to fix this mixed HTTPS problem, this can be used when you have transferred your domain or have moved to HTTPS.<\/p>\n\n\n\n<p>Like moving from <em>http:\/\/your-domain.com<\/em> to <em>https:\/\/your-domain.com<\/em>.<\/p>\n\n\n\n<p>From the Dashboard, go to <strong>Elementor<\/strong> &gt; <strong>Tools<\/strong> &gt; <strong>Replace URL<\/strong>.<\/p>\n\n\n\n<p>In the old-url field, add your old URL and in the new-url field, your new URL then click on <strong>Replace URL<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"715\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-replace-url.png\" alt=\"elementor replace url\" class=\"wp-image-105287\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-replace-url.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-replace-url-300x112.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-replace-url-1024x381.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-replace-url-768x286.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-replace-url-1536x572.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-replace-url-600x223.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: Make sure to backup your database before replacing the URL.<\/em><\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Using Really Simple SSL<\/h3>\n\n\n\n<p>The second option is to use the <a href=\"https:\/\/wordpress.org\/plugins\/really-simple-ssl\/\" target=\"_blank\" rel=\"noreferrer noopener\">Really Simple SSL<\/a> free plugin it will serve your content on HTTPS, solving the mixed HTTPS issue.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">14. Clear Browser Cache<\/h2>\n\n\n\n<p>Sometimes browser might store some files in the cache and cookies, which can also cause this problem, you can try and <a href=\"https:\/\/kinsta.com\/knowledgebase\/how-to-clear-browser-cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">clear the browser cache and cookies<\/a> to check if that solves the problem or not.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">15. Make a Hard Refresh<\/h2>\n\n\n\n<p>If browsers fail to load all the website resources, this can also make the Elementor sidebar panel to freeze. Doing a hard refresh <strong>CTRL<\/strong> + <strong>SHIFT<\/strong> + <strong>R<\/strong> (in Windows) or <strong>CMD<\/strong> + <strong>SHIFT<\/strong> + <strong>R<\/strong> (in Mac) can solve the problem.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">16. Disable Security Plugin or Server Firewalls<\/h2>\n\n\n\n<p>If you are using some security plugin in your WordPress website or have some server firewall, they can also prevent Elementor from loading all the necessary scripts. So try to disable the security plugin or your server firewall once and then test the Elementor editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"863\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-wordfence.png\" alt=\"deactivate wordfence\" class=\"wp-image-105288\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-wordfence.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-wordfence-300x135.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-wordfence-1024x460.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-wordfence-768x345.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-wordfence-1536x690.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/deactivate-wordfence-600x270.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">17. Install the Query Monitor plugin<\/h2>\n\n\n\n<p>You can install the <a href=\"https:\/\/wordpress.org\/plugins\/query-monitor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Query Monitor<\/a> plugin to find out where the issue might be. You can check the logs to see which plugin is causing this issue.&nbsp;<\/p>\n\n\n\n<p>And then report it to the respective plugin developer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2272\" height=\"1062\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/query-monitor.png\" alt=\"query monitor\" class=\"wp-image-105289\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/query-monitor.png 2272w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/query-monitor-300x140.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/query-monitor-1024x479.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/query-monitor-768x359.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/query-monitor-1536x718.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/query-monitor-2048x957.png 2048w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/query-monitor-600x280.png 600w\" sizes=\"(max-width: 2272px) 100vw, 2272px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">18. Turn off the Cache &amp; Performance Plugin<\/h2>\n\n\n\n<p>If you are using any cache &amp; performance plugin, then first turn it off and check if it resolves the issue. Then turn off individual settings which might be conflicting with Elementor Loading.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">19. Check Site Health<\/h2>\n\n\n\n<p>From the Dashboard, go to <strong>Tools<\/strong> &gt; <strong>Site Health<\/strong> &gt; <strong>Status<\/strong> and see if there are any errors, then try to fix them. For reference, you read more <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/tips-to-get-a-100-in-wordpress-site-health-check-score\/\" target=\"_blank\" rel=\"noreferrer noopener\">about it here.<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1052\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/site-health-status.png\" alt=\"site health status\" class=\"wp-image-105290\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/site-health-status.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/site-health-status-300x164.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/site-health-status-1024x561.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/site-health-status-768x421.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/site-health-status-1536x842.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/site-health-status-600x329.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">20. Regenerate CSS &amp; Data<\/h2>\n\n\n\n<p>For some users, Elementor Regenerate CSS &amp; Data option has solved the issue. From the Dashboard, go to <strong>Elementor<\/strong> &gt; <strong>Tools<\/strong> &gt; <strong>General<\/strong>, then click on the <strong>Regenerate CSS &amp; Data<\/strong> button, it will regenerate the CSS files.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"675\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-regenerate-css-data.png\" alt=\"elementor regenerate css data\" class=\"wp-image-105291\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-regenerate-css-data.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-regenerate-css-data-300x105.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-regenerate-css-data-1024x360.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-regenerate-css-data-768x270.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-regenerate-css-data-1536x540.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-regenerate-css-data-600x211.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">21. Change Hosting (Last option)<\/h2>\n\n\n\n<p>Hopefully, by now your Elementor widget panel not loading problem is solved. But if non of the above mentioned methods worked for you, then you might have to consider moving to a better hosting provider.<\/p>\n\n\n\n<p>Some of the recommended hostings are <a href=\"https:\/\/kinsta.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kinsta<\/a>, <a href=\"https:\/\/world.siteground.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Siteground<\/a>, <a href=\"https:\/\/www.cloudways.com\/en\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cloudways<\/a>, and <a href=\"https:\/\/www.hostinger.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hostinger<\/a>.<\/p>\n\n\n\n<p>While choosing a new hosting, make sure to keep the Elementor system requirement in mind and choose the plan accordingly.<\/p>\n\n\n\n<p>With better resources, you should be able to use and enjoy the power of Elementor smoothly.<\/p>\n\n\n\n<p>Let us know in the comments below, which method worked for you to fix Elementor Loading Screen Stuck Issue.<\/p>\n","protected":false},"author":16,"featured_media":105306,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[528,556],"class_list":["post-105268","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-troubleshooting","docs-troubleshooting-docs"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/105268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=105268"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/105268\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/105306"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=105268"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=105268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}