=== WordPress Divi Responsive Plugin - Divi Candy === Contributors: divicandy Donate link: https://www.buymeacoffee.com/divicandy Tags: divi, responsive, divi page builder, divi theme, divi builder Requires at least: 5.1 Tested up to: 5.6.2 Stable tag: 1.0.0 Requires PHP: 5.6 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Divi Responsive extends Divi with exclusives custom responsive options. == Description == At **Divi Candy** we think Divi is the best WordPress theme. This is why our plugins extend Divi capabilities to make it even greater. Our first plugin is **Divi Responsive**, a super lightweight plugin that helps you master rows & columns layouts with Divi. Fully compatible with the last version of the Divi Visual Builder. # 📌 How it works First, activate the plugin (no other configuration needed!) = Choose the number of Columns = With Divi you cannot choose if you want to have two, three or four columns side-by-side on mobile or tablet... Not anymore! You can now choose the number of columns that stack side-by-side on mobile and tablet. 1. Open up your Visual Builder and edit a Row. Go to the Advanced tab in the Rows Settings. 2. Toggle the option "CSS ID & Classes". 3. Here you will see two new options called **Number of Columns on Tablet** and **Number of Columns on Mobile**. 4. You can now choose from the dropdown list how many columns do you want to have on mobile and tablet. 5. **That's all**. Congratulations! = Set Column stacking order = With Divi you cannot choose if you want to change the column stacking order on mobile or tablet... Not anymore! You can now choose which column will be the first and which one will be the second on mobile and tablet. No need to change your design layout or duplicate it just for mobile and tablet. 1. Open up your Visual Builder and edit a Row. Go to the Advanced tab in the Rows Settings. 2. Toggle the option "CSS ID & Classes". 3. Here you will see two new options called **Stacking Order on Tablet** and **Stacking Order on Mobile**. You can choose to activate just for Tablets or Mobiles or both. 4. After that, go to the Content tab in the Rows Settings, and go inside the first Colums Settings by clicking the gear icon. 5. Go to the Advanced tab in the Columns Settings. 6. Toggle the option "CSS ID & Classes". 7. Here you will see two new options called **Stacking Order on Tablet** and **Stacking Order on Mobile**. 8. You can now choose from the dropdown list the stacking order (from 1 to 6) on mobile and tablet. 9. You need to assign an order to EACH column! 10. **That's all**. Congratulations! # 🍬 Divi Candy Check out the [Plugin website](https://divicandy.com/diviresponsive/) for more information and documentation. Learn more about who we are at [Divi Candy](https://divicandy.com/) == Installation == 1. Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the `wp-content/plugins/` directory of your WordPress installation. 2. Activate the plugin through the 'Plugins' menu in WordPress. == Frequently Asked Questions == = Is this plugin really lightweight? = The plugin will add a single line of CSS to the page output, so yes, really lightweight. = Do I need Divi Theme for this to work? = You must have Divi theme, Extra Theme or the Divi Builder installed in order for this plugin to work. [Divi by ElegantThemes](https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=43966&url=37529) (affiliate link). = Does it work with the Divi Visual Builder? = This plugin is kept compatible with the latest Divi release. We have tested it with all releases since the initial Divi 3.0 release. = Is this plugin free? = Yes! Divi Responsive is absolutely free. There is no hidden charge. However, if you would like to support our development, you can [buy me a coffee](https://www.buymeacoffee.com/divicandy). == Screenshots == 1. Choose The Number of Row Columns : options inside the Advanced Row Settings. 2. Set Row Column Stacking Order : options inside the Advanced Row Settings. 3. Set Row Column Stacking Order : options inside the Advanced Column Settings. == Changelog == = 1.0 = * Hello World. First version of the plugin. == Upgrade Notice == = 1.0 = Hello World. First version of the plugin.