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.
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.
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.
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.
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.
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.
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!