Your Dedicated Partner for All Things WordPress

Table of Contents

Thankfully, Elementor has graced us with Safe Mode. Have you encountered a blank page (white screen of death) while trying to edit with Elementor? Has your widget sidebar disappeared? Is your editor endlessly loading? Have you completely lost access to Elementors editing features? Fret not! Safe mode is here to assist you. The team behind our favorite WordPress page builder plugin has made troubleshooting incredibly accessible for its users. Let us take a look at how to enable Safe Mode and what can be accomplished via it.

What is Elementor Safe Mode?

In essence, Safe Mode creates a protected environment that isolates Elementor and WordPress from themes and plugins. In most cases, a conflict between themes and plugins is the cause of unexpected errors in a website. Safe Mode lets you confirm whether the issue still persists after the theme and plugin deactivation. In return, it allows you to identify the possible cause and diagnose the root of your problem.

Urgent WordPress Assistance

Facing a critical WordPress issue? Don’t panic. Our Emergency Service is here to swiftly resolve any urgent website problems.

Elementor safe mode

Keep in mind that Safe Mode deactivates Elementor Experiments too. An important thought to be mindful of, especially, if you enjoy testing alpha/beta versions of Elementor features and like to be involved in the testing/feedback process.

Enabling Safe Mode

Let us take a step back and give props to the team behind Elementor for their wonderfully designed user interface. Every feature is easy to find and has a small description. This, of course, includes Safe Mode too.

First of all, locate the Elementor menu bar in your WordPress dashboard.


Secondly, in the dropdown menu, find the Tools settings button and click on it.

Elementor tools settings

Thirdly, in the General settings tab locate the Safe Mode option and set it to “enable”. Do not forget to press the “Save Changes” button in order to authorize the use of Safe Mode on your website.

Elementor safe mode tools settings enable


Congratulations! You have successfully enabled Safe Mode and the troubleshooting can commence.

Bear in mind that safe mode can be activated only by users with administrator privileges because only admins can install and deactivate plugins. If the Safe Mode settings are not displayed in your dashboard, then you will need to ask your sites administrator to enable it and troubleshoot the issues in your stead.

It is important to note that Elementors Safe Mode influences only logged-in users while they are operating in Elementor editor. Site visitors experience no altering effect as the site functions as usual, with the theme and plugins activated.

Instant WordPress Support

Get immediate assistance for your WordPress website with our on-demand support services.

Debugging with Safe Mode

After you have enabled Safe Mode, it is time to start looking for the root cause of the issue. As you are well aware, bugs in web development might appear out of nowhere and the underlying problem could be well hidden behind conflicting code. So, it is imperative to understand what elements of your WordPress website possess conflicting nature and how to determine these culprits. A good habit is to memorize a loose list with potential harbingers of bugs and their possible solutions. Let us go over some key things to check for while debugging in Elementors Safe Mode:

  • Issues with plugins. Deactivate every plugin apart from Elementor and Elementor Pro. If the issue is solved after deactivation, then active your plugins one by one in order to understand which plugin was responsible.
  • Swap theme. You should switch to one of the default themes, for instance, “Twenty Seventeen” or “Twenty Sixteen”. It helps you comprehend whether the theme produced an issue within the code.
  • Verify the proper syntax for permalinks. You should try to set the permalink structure to “plain” and save your permalinks again. Keep in mind that some servers disbar the modifications of .htaccess file and it is not always possible to adjust permalink structure and edit with Elementor.
  • Try to edit via the incognito mode in your browser. This eliminates the possibility of conflicts concerning the browser cache or add-ons. Remember to refresh the page.
  • Review the likely conflicts with membership. It is probable that Elementor pages, in conjunction with membership plugins, can interfere with set privileges for pages.
  • Resolve potential theme conflicts. Unfortunately, without extensive knowledge of coding and the inner workings of various databases, there will not be much that you will be able to do. You should check out the documentation of your theme and contact the themes support team if need be. Ask them to verify if the WordPress Default Loop is used in your layout.
  • Determine if the bug is not connected to the Rocket Loader. Elementor and Cloudfare incredibly rarely (seldom) experience problems, but there is an issue with the Cloudfare Rocket Loader. It stems from Rocket Loader automatically changing the scripts to load asynchronously, which, in return, breaks the site. You can solve this by creating rules for Elementor pages and templates in Cloudflare. Take a look at Cloudfare’s official documentation.
  • Confirm that you do not have a redirect on the page.
  • Look for potential hosting issues. Validate with your host provider whether your WordPress install includes the .htaccess file. Likewise, verify with your hosting company if the server erases the PHP $_GET variable.
  • Erase any custom JavaScript code that was added via the HTML widget. Navigator is a helpful tool in accomplishing this.

Honestly, if you have gone through this list and the issue still persists, then we suggest you seek answers in the Elementor community forums. Help Center, FAQs, Elementor Academy, and community forums are great resources in accomplishing this. If you have Elementor Pro, then you should consider sending the website login details to the Elementors support team. They are always helpful and adviceful in identifying the root cause of the issue.

Elementor community

Final Words

Debugging can be a cumbersome and time-consuming process. Delightedly, Elementors Safe Mode provides the users with the ability to effectively diagnose the underlying causes and implement appropriate solutions. Be mindful of possible conflicts within your website throughout the creation process. We wish you a bug-free journey in the world of web development and we hope that you will not have to use Safe Mode too often. Stay tuned for more articles, cheers!

Frequently asked questions

Can enabling Safe Mode in Elementor affect the performance or speed of my website in any way?

Enabling Safe Mode in Elementor typically doesn’t directly impact the performance or speed of your website. Safe Mode is primarily designed to help diagnose conflicts with other plugins or themes by temporarily disabling them, allowing you to troubleshoot issues without affecting your live site’s performance.

Are there any specific scenarios or situations where enabling Safe Mode is recommended or not recommended?

Enabling Safe Mode can be beneficial when you’re experiencing issues with Elementor, such as layout problems or conflicts with other plugins or themes. It’s especially useful when troubleshooting problems that only occur while using Elementor. However, it’s not always necessary to enable Safe Mode for routine editing tasks or site maintenance.

Does enabling Safe Mode in Elementor affect the functionality or appearance of third-party plugins or widgets used on my site?

Enabling Safe Mode in Elementor temporarily disables other plugins and themes, which may affect the appearance or functionality of elements on your site that rely on those plugins or themes. However, this is a temporary measure designed for troubleshooting purposes. Once you exit Safe Mode, the disabled plugins and themes will be reactivated, restoring your site to its previous state.

How does Safe Mode in Elementor interact with caching plugins or CDNs? Are there any compatibility issues I should be aware of?

While Safe Mode in Elementor can help diagnose conflicts with other plugins or themes, it may not fully interact with caching plugins or CDNs. This means that changes made while in Safe Mode might not be reflected immediately on your live site if caching is enabled. It’s important to clear your site’s cache or temporarily disable caching plugins while in Safe Mode to ensure accurate testing and troubleshooting.

If I encounter issues while in Safe Mode, such as layout problems or missing features, what troubleshooting steps should I take to diagnose and resolve the issue?

If you encounter issues while in Safe Mode, such as layout problems or missing features, there are several troubleshooting steps you can take. First, try disabling each of your other plugins one by one to identify if any particular plugin is causing the issue. Additionally, check for conflicts with your theme by temporarily switching to a default WordPress theme like Twenty Twenty-One. If the problem persists, you can reach out to Elementor support or consult their documentation for further assistance.

Tailored WordPress Solutions

Elevate your online presence with our custom WordPress development services.

How to get started?

Learn more

Elementor Developers

Hire a flexible remote work force and undivided attention.

Get Started

Coupon Code Applied!

Take your time and continue browsing our services.

Alexey Seryapin
Founder of WPServices