How can I adjust the Dawn theme image zoom to fit the screen?

Store Design
1

Hello!

Can I adjusted the image zoom size so it does fit the entire page ?

So I’d like to reduce the image size of the zoom, it should fit in the screen.

I’m using the theme Dawn.

Here is an example https://www.eliseetmoi.com/products/collier-perle-blanche-plaque-or where the image is too big for the screen…

Thank you!

Elis

2

Hi @elise4

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

@media screen and (min-width: 990px){

.card-wrapper:hover .media.media–hover-effect>img+img {transform: scale(1) !important;}

}

Regards,

San

3

Dear San

thanks for your help.

I did but it doesn’t work :disappointed_face:

Any clue ?

Thanks

Elise

4

Hi @elise4

I am very sorry there is no other clue.

Regards,

San