Changing gallery section sizing on mobile

Site URL: http://www.taylorcraindesign.ca

Hi all, 

I'm hoping to get some help on some custom code to resize this gallery block I have on my site. I love the way it looks on desktop but on mobile, the scaling doesn't work so I end up with these beautiful large images cut off and the image block is massive.

Is there some custom code I can add to resize this to match the sizing of the project thumbnails further down the page?

Many thanks,

Taylor

Hi. Can you share link to page where you use gallery section? We can help easier

Hey, I use it on the main homepage: https://taylorcraindesign.ca/

bump

On 2/10/2021 at 6:00 AM, taylorcraindesign said:

bump

Add to Design > Custom CSS

/* resize mobile home slideshow */
@media screen and (max-width:767px) {
body.homepage .gallery-fullscreen-slideshow {
    height: 30vh !important;
}
}

That worked! Thank you so much!