Merge 2 collumn (Display suite) to one collumn depending on resolution In a situation with display suite and two columns (left and right) I would like to accomplish to move everything to the left column and have the ability to reorder the fields.
In a classic situation the whole right column is moved under the left.
For example in the left column I have field1,field2,field3 in the right field4,field5,field6
When resolution is &lt; 800 px I want to end up with a left column with field1,field4, field2,field5,field3,field6.
Not sure how I can make this happen, and any example or suggestion is welcome.

I think one option is to start with one collumn to begin with and build a 2 collumn situation like this: http://demos.wpmission.com/strong-testimonials/examples/two-columns-via-css-column/
But maybe there is other solution to use code to move and rearange the fields from the right to left ds column?

Thx a lot !
I would use a combination of 2 view modes plus Context Mobile Detect to trigger the different view mode