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.
IMPORTANT NOTE: This should ONLY be used when you are ready to go through the website and adjust settings for each device. We recommend building the site on for desktop first, then when it is finished, go through and make it responsive utilizing this feature as 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.
