Jump to content

Reordering image gallery block for mobile view.

Recommended Posts

Site URL: http://ocohomes.com

I have a question re gallery blocks and changing the order between mobile and desktop view. I have figured out how to identify #block-yui's, however - in the instance of a gallery block, and the gallery wrapper, I can only find #yui's, which change every time the page is refreshed.

I have attached a few images explaining my issues, and what my desired look is. Essentially, I have a gallery block containing 6 x images (attached just references 4 images). In the desktop view, they read:

1.2.
3.4
5.6,

In mobile view, they read:

1.
2.
3.
4.
5.
6.

However I am after:

1.
2.
4.
3.
6.
5.

 

I was just simply going to make 2 x gallery blocks, with the same images, but in a different order, and hide each of the gallery blocks in mobile view and in desktop view. However, I cant ID these blocks/wrappers.

 

website it ocohomes.com

Password is: helpme

 

Let me know what you think, I'd really appreciate the help!

Screen Shot 2020-04-10 at 9.42.46 am.png

Screen Shot 2020-04-10 at 9.45.10 am.png

Screen Shot 2020-04-10 at 9.47.32 am.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.