Jump to content

Reading images horizontally rather than vertically on mobile

Recommended Posts

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

Link to comment
  • Replies 4
  • Views 411
  • Created
  • Last Reply

Top Posters In This Topic

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)

lines.thumb.png.060c964a3a290d8deb478847ed0206b5.png

Repeat similar

Final, remove all Line Blocks

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.