Salient - Responsive Multi-Purpose Theme

Change Mobile Column Order

For Salient Version 12 or below:

As of Salient 12 the Column Position can be changed in the Row Settings :

For Salient Version 11 or below:

Using the "Alternating Split Section " As Example : and the layout :

1: Rearrange the columns as would best work on Mobile that is  image,text,image,text : .

1: Add a extra class reverse-row

2: Add this custom css to reverse it in desktop only.

/*reverse row in desktop*/
@media only screen and (min-width: 1001px) {   
 .reverse-row >.col.span_12 {        
flex-direction: row-reverse !important;