Changing the order of sideboxes and center layout to respond to mobile

[mesnitu]

Hi
Anyone knows a "easy" way to change the manipulate the order of sideboxes and the center Column ?

For ie:
In a large or medium screen , more or less, the columns are ok with this this order:
sidebox left
Center
sidebox right.


But in small devices, aside from switching the order horizontally by css grid layout, I was wondering how could this be done, vertically.

So the order would be:

Center
sidebox left
sidebox right.

Or other ways to get around this.

A practical example would be a slide show in the center column right at the top. In responsive design, it would get below the sidebox left.
Not calling the sidebox by a breakpoint, or hide it, would be a way to get around, placing the content in sidebox right.
But in a large screen, let's say, that it's important to have that content in sidebox left.

Or one could query the sideboxes position by a breakpoint ?

Or some other way ...

Any ideas or best approaches on this ?

Thanks

[mesnitu]

After some search, it could be done with jquery, ie:

$('.sidebox').detach().prependTo('.centerColumn');