Elementor won't open, stuck on loading screen reasons and solutions

Stuck and displaying a gray page when editing a page with Elementor. Such as the one below:

Possible causes and solutions

Editing pages creates conflicts

If a gray page appears when editing with Elementor, it may be due to a conflict with one of the following plugins:

• Other plug-ins installed and enabled
• Scripts inserted in themes

Please follow the steps below to resolve this issue:

1. Activate safe mode. Check if it solves the problem.

• If it helps, deactivate plugins other than Elementor and Elementor Pro one by one to find out which plugin is causing the problem to exist. 
• If this doesn't help, contact Elementor for an official solution.

2. Solve the incompatibility problem with other plug-ins as far as possible.

3. If you find any incompatibility with the plug-in, you can replace it with a plug-in with similar functionality, or contact the official of the plug-in.

Browser installed add-ons

If a plug-in or some other extension is installed on your browser, the page may get stuck and display a gray page. It's easy to fix this problem; try switching to another browser, such as Apple Chrome.

Themes use preloaders

If the theme uses a preloader, some themes come with a preloader that may affect editing in Elementor, causing the screen to look blank. The preloader needs to be disabled in the theme options or customizer.

X frame limitations and cross-domain issues

X framework limitations and cross-origin issues, the page may get stuck and display a gray page. We verify that this is not the cause of the problem and can follow the steps below to troubleshoot:

1. On your browser, right-click and select"Check."The
2. click (using a mouse or other pointing device)consoles. Error messages are marked in red.

Cloudflare users take some time to load the Rocket Loader

If you are using Cloudflare, you may need to disable the Rocket Loader or theAdding Rules to CloudflareAfter activating the Rocket Loader, it takes some time to load the Elementor editor. After activating the Rocket Loader, it takes some time to load the Elementor editor. This can lead to getting stuck on a gray loading page. 

To solve this problem, follow the steps below: 

• Clear the cache before updating the plugin. Cloudflare's cache may prevent browsers from recognizing new versions of Elementor and Elementor pro.
• Create rules in Cloudflare. For more information, you can read theElementor and Cloudflare Rocket LoaderThe 

Incompatible versions of Elementor and Elementor Pro

If you use the free versions of Elementor and Elementor Pro at the same time, make sure that the versions are compatible. Using a new version with an older version may cause conflicts. This is because the new version may use code or features that are not recognized by the old version. Update both (Elementor and Elementor Pro) to the latest version.