Decreasing gallery padding on mobile only

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?

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

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

Do you think you could help me out with the CSS for decreasing the padding below the videos on the mobile version too? Much appreciated!

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

Thanks so much!