How to set Column Stacking Order on Mobile and Tablet - DIVI

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Get the Divi Theme and Builder - 10% off* - https://divicoaching.com/getdivi
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Change the column stacking order on mobile and tablet to work with your Divi design. Where you have multi-column rows in Divi these will stack in a first-come-first-stacked order on mobile which is not always what you want. This 2-minute tutorial will allow you to stack columns however you want and no matter how many columns you have.

CSS

Row settings for where you want to change column order:
Advanced - Custom CSS

display : flex;
flex-wrap : wrap;

In the column settings for each column set the order that you want the columns to stack. Lowest number stacks first.

order: n; (where "n is" stacking order)

Divi is the leading page-builder for WordPress, bringing a powerful drag-and-drop page building experience to the world's leading content management system which powers nearly 40% of ALL websites.

If you purchase a Divi licence using the following link, I will earn a commission from Elegant Themes which helps support my channel. See the Elegant Themes site for details. Thanks in advance!

https://divicoaching.com/divi10

By using these affiliate links I will earn a referral commission which helps support my channel.

Видео How to set Column Stacking Order on Mobile and Tablet - DIVI канала DiviCoaching