Different height of gallery on mobile and desktop

Site URL: https://harmonica-vibraphone-jwpe.squarespace.com/

Hi 

I've set up a gallery in a section on my homepage, and the desktop images I'd like to be set to Large on height, but on mobile view I'd prefer it to be Medium (the framing is much better this way).   Is there a way to do this via custom css?  I'm not really concerned about picking out a specific block with a specific gallery I'd be happy for all galleries to follow this sizing if that's easier. 

Sam

Sam,

Could you please provide the password to view your website so that we can take a look.

-Dan

yup, I've created the password 'help' just now 🙂

On 10/25/2021 at 9:24 PM, Futuresound said:

Site URL: https://harmonica-vibraphone-jwpe.squarespace.com/

Hi 

I've set up a gallery in a section on my homepage, and the desktop images I'd like to be set to Large on height, but on mobile view I'd prefer it to be Medium (the framing is much better this way).   Is there a way to do this via custom css?  I'm not really concerned about picking out a specific block with a specific gallery I'd be happy for all galleries to follow this sizing if that's easier. 

Sam

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

@media screen and (max-width:767px) {
body.homepage .gallery-fullscreen-slideshow {
    height: 40vh !important;
}
}

perfect thanks!