How to properly size Hero image

[N4th4nsgt]

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.

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

Any help is greatly appreciated, thank you

[Dan-From-Ryviu]

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; }
}