Join subscribers on our YouTube channel and enjoy other Divi video tutorials!
#2. Re-Save Permalinks
When you have problems with our Divi website, flushing your WordPress permalinks could be the trick you need to solve the problem, and it is very easy to do. Re-saving permalinks can solve several types of issues, but it is hard to narrow it down to a list. Most commonly, problems with permalinks can occur in your WordPress site after you’ve made huge changes to your site structure, or you have migrated your website to a new server. Sometimes, it can just happen whenever a new custom post type is added through a plugin or code, or when troubleshooting 404 errors.
From the WordPress dashboard, go to “Settings>Permalinks.”
You don’t even have to make any changes for it to take effect, just click the blue button that says “Save Changes” and you are done.
By doing this, you forced your website to flush the permalink and rewrite rules. This may seem like a strange troubleshooting step, It is just like restarting your smartphone or laptop, and it saves the day more times than you would think! It may or may not solve your specific issue, but doing this simple step will help you narrow it down. Besides, it is one of the easiest things to do, so well worth trying.
#3. Check the System Status
You need to make sure your hosting configuration is compatible with Divi. To do this, go to Divi>Support Center and look at the System Status. You can choose to show the full report or even copy the report to send to your web hosting or Divi support.
IMPORTANT NOTE: If you do not get these green dots by default, you need to seriously consider a better hosting provider.
Having all of these items green is essential for solving any issue or problem you are having with Divi! If any of these are red, then you will have endless trouble until you make the necessary changes to the hosting server.
Update PHP Version
WordPress recently raised the minimum PHP version, and it sent some people scrambling. Why? Mostly because the hosting accounts were poor, which resulted in unmonitored PHP versions. It is very important to be sure you are using the recommended PHP version with Divi, and you can find that in the Support Center. It will say something like, “We recommend 7.4 or higher for the best experience.”
#4. Enable Safe Mode
A good way to find out what is causing the problem with your Divi website is to go to Divi>Support Center and toggle on the setting for “Safe Mode.” Keep this on and go see if the problem is still happening.
Here you will see the following message explaining what Safe Mode does:
Enabling Safe Mode will temporarily disable features and plugins that may be causing problems with your Elegant Themes product. This includes all Plugins, Child Themes, and Custom Code added to your integration areas. These items are only disabled for your current user session so your visitors will not be disrupted. Enabling Safe Mode makes it easy to figure out what is causing problems on your website by identifying or eliminating third party plugins and code as potential causes.
Keep this setting enabled and go check your site to see if the problem is still happening. If the issue is still there, then you should contact Elegant Themes support and be sure to tell them that the issue happens when Safe Mode is enabled (this will help speed up the support process).
However, often the problem is due to a plugin conflict. Ironically, you will need to turn off Safe Mode in order to test your plugin conflicts in the next step.
#5. Check The console For Errors
One of the most important website troubleshooting steps is to check the browser Console for errors. This is part of the browser developer tools. To access the browser Console, simply right-click anywhere on any page of your website and choose the “insect” option and then click on the “Console” tab.
Here you may see yellow warnings and red errors. These indicate some issue on your site. Don’t worry if you do not understand what it means. If there are any numbers like 500 error, you can search for information about it online. If you see any URL strings, try to follow the path to look for clues about which plugin or software is causing the issue.
Checking the console for errors can save you a lot of headache and time troubleshooting any issue on your Divi site. This guide is not intended to teach you how to read the warnings and errors, but rather to introduce you to them and encourage you to check them carefully at least for some clues. Often you can find some clue from the errors that indicate who to contact like hosting errors contact the hosting provider, Divi errors contact Elegant Themes, or plugin specific errors contact the developer.
#6. Check For Plugin Conflicts
If the issue disappeared when you enabled Safe Mode, this means that it is not caused by Divi and therefore is not the responsibility of the Divi support to help. This usually means the issue is caused by a plugin conflict. The main goal here is to narrow it down and see which one is causing whatever issue you are facing. The only way to narrow it down is to deactivate your plugins and re-activate them one by one, checking for the problem after each one. This can be a frustrating manual process, but currently there is no other way to know for sure, and you will just need to persevere through it. Try to remember the most recent plugin updates or new installations that you may have done prior to seeing the issue, and check those first.
#7. Check Browser Extensions
I have not personally had this issue, but I have heard reports from others that browser extensions can cause issues with the Divi Builder loading. For example, ad blockers can cause conflicts. When troubleshooting an issue with Divi, it is best to disable the browser extensions. This will help narrow the problem down, and could be an easy fix.
Pro Tip: I use a Chrome extension called Extensity to toggle all my extensions on and off. This saves a lot of time and makes testing for issues very fast.
We created a full post and video about the different types of hosting available. We also list the hosts that are compatible with Divi and those which are not.
#9. Use the Version Rollback Feature
If you happen to find yourself on a version with bugs, go ahead and use that super handy new feature to go back to the previous version. You can find this in Theme Options under the Updates tab.
To avoid needing to use this, be patient when updating. Don’t update the first day. Wait at least a weak unless it is a security update.
We also have a full guide on this: How To Roll Back Divi To The Previous Version After An Update
#10. Contact Support
First determine as good as possible where the issue is, whether it is WordPress or Divi related. If the issue appears to be WordPress related, often your hosting support will help you troubleshoot and fix issues. If they don’t, see point #5 about new hosting.
If the issue is Divi related, contact elegant Themes support first. They will be able to know where the problem is and what steps to take next. Depending on what they find, they may refer you to your hosting provider.
Pro Tip: I usually go ahead and give the support agent what I know they will ask for before they ask. It could save you hours of time.
- Go to the Divi>Support Center and turn on the Remote Access toggle.
- Turn on the Activate Full Admin Privileges toggle
- Copy the support token
- Paste the support token in the support chat
- Copy and paste the admin URL in the support chat (yourwebsite.com/wp-admin/)
Things To Avoid
- Don’t use notoriously bad hosts like Godaddy, Bluehost, iPage, etc.
- Don’t install the Divi Builder with the Divi Theme
- Don’t update right away. Let’s say version 4.8 comes out. Wait until 4.8.3 for example. This gives the developers time to address any bugs and issues with the bigger update.
- Don’t have multiple tools doing the same thing such as caching, optimization, security, minification, etc.
- Don’t complain in the Facebook groups. Often the problem is one on this list, so be sure you have thoroughly completed all checks first.