Photo Carousel fine on desktop but way too cropped in on mobile

Hi there,

I have been searching high and low for a solution or a custom CSS on this issue. As you can see, the carousel at the top of my photography page look fine on desktop. But in mobile it is extremely cropped in. Does anyone know of a way to fix this issue? Everything I have been trying and the CSS scripts I've put it aren't working.

Can you share your website URL?

Have you tried this solution:

https://www.will-myers.com/articles/responsive-full-width-gallery-section-images

On 3/3/2023 at 7:17 AM, Ziggy said:

Can you share your website URL?

Have you tried this solution:

https://www.will-myers.com/articles/responsive-full-width-gallery-section-images

Here is the url, I'll try that solution when I get home! 
 

https://www.nathantenstudios.com/

14 hours ago, Tottalnat said:

Here is the url, I'll try that solution when I get home! 
 

https://www.nathantenstudios.com/

Try adding to Design > Custom CSS > then save & reload the site

/* resize reel on mobile */
@media screen and (max-width:767px) {
.gallery-reel {
    height: 35vh !important;
}
}

8 hours ago, tuanphan said:

Try adding to Design > Custom CSS > then save & reload the site

/* resize reel on mobile */
@media screen and (max-width:767px) {
.gallery-reel {
    height: 35vh !important;
}
}

 

IT WORKED!!! THANK YOU!!!