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

Remove padding above and below gallery block in mobile view

Question

Posted (edited)

Hello.

I am using the Miller template and I have created a full bleed gallery grid block on one of the index pages.

The website is: https://chinchilla-shallot.squarespace.com and the password is: Testing

The top and bottom borders/spacing/padding are acceptable enough on a desktop:

alt text

However, on a mobile there is too much border/spacing/padding above and below the gallery block:

alt text

No matter what I try, I just can't seem to reduce it.

I have tried lots of different things including all of the following gallery css variations, but nothing seems to work, or it just messes other regular image blocks up on the website.


@media only screen and (max-width: 640px)
    { .sqs-gallery-design-grid-slide .sqs-block.gallery-block .sqs-block-gallery .sqs-block { padding: 0px !important;  } }

And also:

@media only screen and (max-width: 640px) { .sqs-block.gallery-block {
 padding-top: 0px !important;
 padding-bottom: 0px  !important;
 padding-left: 0px !important;
 padding-right: 0px !important; }
.sqs-layout .sqs-row .sqs-block:first-child { padding-top: 0px !important; }
.sqs-layout .sqs-row .sqs-block:last-child { padding-bottom: 0px !important; } }

This is getting really frustrating that I can't seem to fix it, so I would really appreciate any help to resolve this issue.

I just want the gallery blocks to be full bleed on both desktop and mobile, with no unnecessary padding, without affecting any other blocks or image blocks elsewhere on the website or on other index pages.

Thank you for your help.

gallery-block-grid-padding-desktop.jpg.8d7a59463525f68605f83bfafc332aaa.jpg

gallery-block-grid-padding-mobile.jpg.df84633dab99132681b0923026f074c3.jpg

Edited by AdySmiles

Fashion and portrait photographer

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

@AdySmiles Can you provide site url?

If your site is private/trial. Setup password & share url. See how to: https://beaverhero.com/squarespace-how-to/#HowtoSetupPasswordShareSiteURL

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...