andytlr
Changing the order of column layouts
Hi there, I was wondering if it's possible to change the order of columns somehow.
Say i have a .fourcol A and and a .eightcol B next to each other. On desktops I would like the order to be: A first (left) and B next (right).
On mobile though, I would like B to appear first and A next (so B on top, and A on the bottom). How do I accomplish this? I've tried compensating for the .last margin, by setting "margin-right: 0;" on B, and "margin-right: 3,8%;" on A. I've also tried floating B left and A right, changing vertical-align and other methods.
None of them seem to work - need help!
- Kenneth
Changing the order of the columns on mobile would require a re-working of the HTML/PHP structure - not CSS work.
You'd need to re-arrange the div containing the sidebar to above the content area. Then make the sidebar and content float accordingly for desktop.
Place div.B as first, with float: right, set margins manually to it's ID; div.A place as second with float: left.
Few minutes and it will be working perfectly in pure css (as long as you rearrange 1 div).
