Reading images horizontally rather than vertically on mobile

Hi,

I've created a page of images that is 3 columns wide, 3 rows high. Each image has a text box underneath (I am not using an index page or gallery block because I'd like to have 2 lines of text under the image which isn't possible with either)

When the page goes to mobile, the columns are read first, so the order is changed from what it is meant to be (which is from left to right).

Would there be a way to have mobile view prefer horizontal order, placing each image from the rows first, rather than the columns?

I'm on Avenue template 7.0

Thanks for any help

Can you share link to page where you have problem? We can help easier

Hi, thank you,

https://www.myriamrousseauart.com/new-page-3-1

The first 9 images are image blocks + text, ( the last three are a gallery block).

So to have it scroll panda, polar bear, elephant, lion, etc, on mobile, rather than panda, lion, seal, etc.

Thank you

On 6/24/2022 at 11:38 PM, mrart said:

Hi, thank you,

https://www.myriamrousseauart.com/new-page-3-1

The first 9 images are image blocks + text, ( the last three are a gallery block).

So to have it scroll panda, polar bear, elephant, lion, etc, on mobile, rather than panda, lion, seal, etc.

Thank you

Hi,

You need to recreate the layout to change order of page (You can duplicate the page & test the following approach first, if it works, you can try all items on main page)

First, add Panda II, Polar, Elephant

Next, add 1 Line Block (1 line, not 3)

Repeat similar

Final, remove all Line Blocks

Hi,

This worked!

Thank you so much for your help,