Changing the order of rows on mobile and tablet design with flexbox in the Divi Builder in Wordpress
Todays tutorial will teach you how to customize the order that rows stack on tablet and mobile devices utilizing 4 lines of custom CSS (Flexbox) within the Divi Builder in Wordpress.
This is probably the easiest way I know how to customize the order that rows stack in Divi.
For this tutorial, I'm going to assume you have the basics of using Divi Builder. If not, hopefully I explain in a way thats easy to follow.
CSS Code
Flexbox CSS for the main row:
Display:flex;
Flex-wrap:wrap;
Custom CSS for Columns:
order:1;
Next Column CSS
order:2;
If you enjoyed this tutorial, please like and or comment to let me know!
The MadebyJP Team
http://www.madebyjp.net