Resize gallery images for mobile - full slideshow

URL https://tracyleephotography.squarespace.com/ PW is demo

I can't seem to find any code that works...

I would like to resize the gallery images for all the relevant pages (Home, services) so they are full width on mobile and tablet. At the moment they are only showing portrait size and cutting off the sides of the image.

Thanks

This should at least be a start to what you're looking for! Paste the code below into Custom CSS. 

If you've tried setting heights for these with code already, you should remove that code before trying this. It just seems you might have because the homepage slideshow had a height of 100vw and the service one I looked at had a height of 75vw? 
 

gallery-fullscreen-slideshow {
height: auto !important:
}

.gallery-fullscreen-slideshow-list {
flex-grow: 0 !important;
flex-shrink: 0 !important;
}

From my testing it didn't seem to cause issues with desktop-size screens but if it does we can add code to target only mobile & tablets. 

Thanks, it says there's a syntax error on this line ...

height: auto !important:

6 minutes ago, LesleyA said:

Thanks, it says there's a syntax error on this line ...

height: auto !important:

The colon at the end should be a semicolon! ;    my bad 🙂

The full fixed code will be:

.gallery-fullscreen-slideshow {
height: auto !important;
}

.gallery-fullscreen-slideshow-list {
flex-grow: 0 !important;
flex-shrink: 0 !important;
}

THANKS!!! That worked perfectly! I spent HOURS trying to find the code for this. Appreciate your help!

Hey @ReformDesign I followed this and it worked to fix the issue I was facing too.

But it left a huge gap on mobile for me, please see attached. 

Do you know how I can fix that?

Thanks,

J

On 11/17/2022 at 6:04 AM, jasoncooper1986 said:

Hey @ReformDesign I followed this and it worked to fix the issue I was facing too.

But it left a huge gap on mobile for me, please see attached. 

Do you know how I can fix that?

Thanks,

J

What is site url? We can check this easier

Hi, I would like to resize gallery images on laptop. Right now the gallery(simple grid) format each image to fill the entire screen, and I would like each images to appear smaller. Is there a code for this? Thank you!

URL: https://www.ruiyuanzhang.com/place/stlouis