How do I resize a product slideshow picture on my computer?

[YounesTimitar]

Hey,

The picture for my Product Slideshow on Computer is way to big. (picture 1)

it should b like picture 2.

Can somebody please help me and fix this.

1.

it should be like this:

2.

[Wish-It]

Please share the store link so we can have a look.

[YounesTimitar]

Hey, Sure!

https://timitar-gewurze.myshopify.com/

Password: timitarspices

[Wish-It]

You can add this CSS to fit the image, though it may reduce the parallax effect.

.parallax-image img {
    object-fit: contain;
}

You can add it in Themes > Action > Edit Code > theme.css file or use our app to add Custom CSS or create any theme edit tasks.

[YounesTimitar]

Hey,

Thanks for your answer but now it looks completely broken. Also on the phone, before the phone was good.

[Wish-It]

In that case you'll have to reduce the height of banner for desktop, can you try this?

@media only screen and (min-width: 769px){
.hero--650px {
height: 450px;
}
}