Using The Plugin
How does this plugin work?
The plugin adds new features directly in the existing Divi Visual Builder in the settings for modules, rows, columns, and sections. You must be using the Divi Theme or Divi Builder Plugin. Please browse the docs above to learn more about each individual feature.
Breakpoints vs. Previews
Remember, the custom preview sizes are not actually breakpoints, but only preview sizes. I firmly believe we do not need more breakpoint sizes (except for occasional special circumstances). The Divi Responsive Helper works perfectly within the default Divi breakpoints, allowing you to adjust the existing three Desktop, Tablet, and Phone breakpoints to pixel perfection.
There are three breakpoints in Divi, which are hardcoded into the theme. Those are Desktop (above 981px), Tablet (980px – 768px), and Phone (767px and down).
So you don’t adjust settings for each of the presets or for every custom value. Instead, you use those presets or the custom values to view LIVE how the changes to the Desktop, Tablet, and Phone look.
Learn more about CSS breakpoints and media queries in our tutorial: How To Add CSS Media Queries To Divi