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

Decreasing gallery padding on mobile only


Recommended Posts

Site URL: https://www.eyevantumbleweed.com/gallery/jorovin

I'm new to squarespace and just created this site for a friend. I'm trying to figure out how to reduce the padding on all the gallery pages on the mobile version only above, in-between, and below the slideshows and videos. Here's an example of how it looks on mobile. I'm assuming I'll need some CSS but am not familiar with that. Can anyone help me out please?

IMG_7267.PNG

IMG_7266.PNG

IMG_7265.PNG

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Hi,

Add to Design > Custom CSS > then save & reload the site

/* Mobile slideshow padding */
@media screen and (max-width:767px) {
.gallery-slideshow {
    height: 35vh !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
On 9/8/2021 at 7:51 AM, ColleenT said:

Thank you! That worked for the slideshow. But I'd like to decrease the padding below the videos too on mobile.

Hi, 

Try new code

/* Mobile slideshow padding */
@media screen and (max-width:767px) {
.gallery-slideshow {
    height: 35vh !important;
}
/* space under video */
[data-section-id="61106b276bd67101113b2a47"] {
    min-height: unset !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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