Auto Open Responsive Tabs 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 Automatically Open The Divi Responsive Breakpoint Tabs
How To Enable The Feature
To turn on or off the Auto Open Responsive Tabs feature, simply go to the Divi>Theme Options. There you will see a new tab that our plugin adds called “Divi Responsive Helper.” Once you click on that, you will see more tabs. Click on the “Preview Size” tab and there you will see the toggle to enable the “Auto Open Responsive Settings” feature.
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 devices sizes.
Example Of The Tabs Setting In Action
The GIF below demonstrates how this auto-open tabs feature works.