Jump to content

Increase Padding WITHIN Gallery on Mobile Version of Website 7.1

Recommended Posts

I can increase the padding/spacing of this gallery/section by using

@media only screen and (max-width: 640px){
section[data-section-id="6439879787c1c31ca6adc501"] {
padding: 4px;
  }
}

However, this does not affect the inside lines. I want the inside lines to be the same width as the outside padding. What would the identifier be for this?

The only work around would be to duplicate the gallery, add a thicker spacing, hide it the mobile on desktop, then hide the desktop on mobile, and repeat for EVERY gallery on my site. Which sounds like a nightmare. There has to be an easier way, right?

Screen Shot 2023-06-21 at 1.08.59 PM.png

Link to comment
  • Replies 1
  • Views 197
  • 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.