NOTE: This feature is only available in the Divi 4 version of our plugin. It is not relevant or available in the Divi 5 version.
Overview
Why Do We Need This
Making your Divi website responsive is easy, but at first it can be very confusing. Many users assume that changing the preview size for Desktop, Tablet, and Phone and then adjusting the settings is applying different unique settings to each device. But this is misleading. To apply different settings to each device, you need to have the three main responsive tabs open under each Divi setting.
What This Feature Does
After you create a beautiful Divi layout on desktop and are ready to go through your site and make it responsive, it is annoying to have to click the little responsive icon on every setting to open the responsive Desktop, Tablet, and Phone tabs. This feature opens these tabs automatically for you, saving you time and hassle.
Which Settings Will This Affect
When the setting is enabled, any settings within a setting toggle that you open will be automatically be triggered open and remain open unless you manually close them. Please keep this in mind, and be careful which setting toggles you view, because any setting toggle you open will be affected. (The setting does not open the responsive tabs for content items such as image fields and textures).
IMPORTANT NOTE: This should ONLY be used after carefully understanding it and only when you are ready to go through the website and adjust settings for each device. Opening the responsive options can cause unwanted changes to all your settings for each device, so this is very important to use with great caution and ONLY enable this setting if you have tested this on a dev or staging site first to see how it works. When you enable this option, it cannot be undone – turning it off will not close the tabs again, which means they will remain open. If you are sure you want to use the setting, we recommend building the site on for desktop first, then when it is finished, go through and make it responsive utilizing this feature if needed.
How To Use
Enable The Feature Divi 4
To start using the auto-open responsive tabs feature in Divi 4, go to the Divi > Theme Options menu in your WordPress backend, then select the Divi Responsive Helper tab, which our plugin adds. Select the Miscellaneous subtab and enable the setting, only after fully understanding how it works and what it will do.
The GIF below demonstrates how this auto-open tabs feature works:
This feature is meant to be turned on and off as needed. It is best used when you are specifically dedicating time to optimizing your layouts for phone and other device sizes.
