Forums

Setting Block Order for Mobile Device

Permalink
I've got a layout that is 3 columns wide by 2 rows. Blocks 1,2, and 3 are across the top row and blocks 4,5, and 6 are across the second row.

In mobile view it becomes a single column as I expect it should however instead of showing blocks 1 - 6 in order from the top down it's showing like this...
block 1
block 4
block 5
block 3
block 6

How can I control the order on the page?

Thanks
Jim
 
hutman replied on at Permalink Reply
hutman
I believe if you create a second layout with the same columns and put 1 block in each column that will give you the desired order.
stewblack23 replied on at Permalink Reply
stewblack23
Like Hutman said just create a column for each block and keep the same number of rows. Another way to do it is to use the new CSS3 grids property. But that might be a little hard.
JimMacMillan replied on at Permalink Reply
Thanks stewblack23 and hutman. that helped a lot. tonyswaby I appreciate that but it's above my pay grade ;-)

Jim
JimMacMillan replied on at Permalink Reply
Darn dupe postings.
tonyswaby replied on at Permalink Reply
if you're using Bootstrap this might be work a look...

http://getbootstrap.com/css/#grid-column-ordering...