Want rows to stack before columns when scaling screen

Please visit http://npsir.wpengine.com/agents/ in ipad width landscape vs portrait

When going into responsive break point for ipad tablet the columns and rows don’t make sense.

I have a series of images and links arranged alphabetically in 12 rows of 5.

The rows read right to left then down to the next row. See below

1 2 3 4 5
6 7 8 9 10
11 12 13 14 15
16 17 18 19 20… etc.

when breaking the row into single cells (portrait tablet and smaller) the images are arranged in column order instead of row order.
1
6
11
16
2
7
12
17
3
8
13
18… etc.

The sequencing becomes essentially non-sensible to the viewer.

How can I have my responsive images layout sequentially:
1
2
3
4
5
6
7
8
9
10… etc.

Thanks in advance.

Hey C. Marshall,

Just took a look at your Website and it seems you are doing it incorrectly. I’ve provided some screenshots to help you with this. Try inserting your images into separate columns using the 5 columns row layout. (Refer attached screenshot). Now try resizing your Website and you should get your desired results. Let us know how it goes. :slight_smile:

http://imgur.com/BWJS3oQ

http://imgur.com/HH1ZBrf

Thanks!

KC

KC -

I was putting content into the same block instead of creating a new multi-column section for each block.

Resolved.

Thanks for such a great product.