How to properly size Hero image

Store Design
,
1

Hi everyone,

I am trying to get my product Hero shot to fit nicely onto a page so when the user views it on their browser it isn’t zoomed in and they loose half of the photo.

I have attached the image of the site below and can see how you loose half of the image.

N4th4nsgt_0-1729605485084.png
N4th4nsgt_0-1729605485084.png1918×1003 167 KB

My site address is https://brewbarncoffee.com/

Any help is greatly appreciated, thank you

2

Hi @N4th4nsgt

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings.

@media (min-width: 750px) {
.slideshow { min-height: 100vh !important; }
}