Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


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?

Share this post

Link to post

1 answer to this question

Recommended Posts

  • 0

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;}

You can send your question to my email to get faster answer. I provide free priority support in this crazy time. 

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post

Link to post

Create an account or sign in to comment

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

  • Create New...