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 : http://prntscr.com/g0j8fe and the layout : http://prntscr.com/g0ja3j


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

http://prntscr.com/g0jasq .




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;  
  }
}

Thanks