Jump to content

retain grid effect on mobile when using image grid section on 7.1

Recommended Posts

7.1 Section ID Targeting Challenge...

For 7.1 when using an image page section with a gallery grid...

Want to add CSS so that when on mobile the grid effect still happens vs all images stacking one on top of another.

I am having trouble... and not gonna lie did search on Google for some code ideas, cause this is still way new for me..

(I did find a Chrome extension that identifies section ID, as opposed to just block id. Squarespace ID Finder)

So I have tried a bunch of things, none seem to do what I want to accomplish.

Any suggestions?

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

You can target data-section-id, right click > inspect element > you will see data-section-id

It will be like this

[data-section-id="abcxyz1234tuanphan"] .section-background {background: green;}

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.