Change column Stacking order in Divi

We have two columns which display from Left to Right on a desktop. By default when transitioning into mobile view, the left hand column will stack above the right hand column. Changing the stack order is straight forward

Access the settings section of the row containing the column's whose stacking order you wish to change

Navigate to Advanced > Custom CSS and find the section "Main Element" Add the following code:

display: flex;
flex-wrap: wrap;

Within your Row settings, you can now access the individual column settings. You will need to do this for each column.

Navigate to Advances > Custom CSS and locate the "Main Element" section. Set the vier type to mobile. This is indicated by the small phone icon when hovering over the heading "main Element" Add the following CSS:

order:N;

Where N is the stacking order number, eg 2;

order:2;