Installation Video
Installation Instructions
Download
Download the ‘divi-responsive-helper.zip’ file from your account. Save the file to your computer.
Plugin Installation
In your WordPress Dashboard, go to ‘Plugins>Add New’ and click on ‘Upload Plugin’. Locate the ‘divi-responsive-helper.zip’ file on your computer and click ‘Install Now’.
When the install is complete click on ‘Activate’.
NOTE #1: The settings are all off by default, so please remember to turn on the settings you want to use.
NOTE #2: Please remember to clear your cache!
This plugin modifies default files in Divi and may require you to clear your cache before the settings take place. This may include your browser cache, any caching plugin, and possibly even your CDN if you are using one.
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
Plugin Updates
Lifetime Updates
As you know, all of our Divi plugins come with lifetime updates. You can learn more about those details in our licensing information doc. So the good news is, you won’t ever have to worry about updates!
Any time we release improvements, bug fixes, or add more cool features you will simply see a notification in your dashboard, just like any other plugin! You may also click on “check for updates” from time to time, especially if we notify you by email of any important updates.
We always have several features coming, so please be patient and be on the lookout for those. Also, please share your ideas with us! We take your suggestions and feedback seriously!
How To Get Plugin Updates
You can check out our plugin updates overview video explaining how easy it is to update our plugins.
We have made the update process very easy. The following two screenshots show you what to expect when updating the plugin. If you see the orange notification, click on “update now” and the system will retrieve the new version from our server.
When it finishes you will see a green notification indicating the plugin has updated!
