Does this plugin add more breakpoints?
Our plugin gives you live custom preview sizes. The custom preview sizes are not CSS breakpoints. Most of the time you do not actually need more breakpoints. Instead, you should use our plugin’s custom preview size or presets to find the perfect balance of settings for the existing Desktop, Tablet, and Phone breakpoints.
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
Can I change the font size for each preset?
For example, there are three preview preset sizes for the Tablet breakpoint: 980px, 850px, and 768px. If I change the font size to 16px for 980px, 15px for 850px, and 14px for 768px, will those save for each size?
No, and to be honest that’s usually unnecessary. The preset sizes mentioned are preview size presets, not breakpoints. As mentioned before, use the presets and custom value to test and fine tune the font size you end up choosing for each breakpoint.