How to move the product image on desktop only

Highlighted
Shopify Staff
Shopify Staff
1 0 0

Hey team! 

 

I've been making some tweaks a store and I'm looking to have the product image be moved to the left so that the image is centred on Desktop whilst remaining the same on the mobile version. I have made tweaks to the theme.css section below and the change works (for desktop) but also moves the image on mobile. Would there be a way to add code so that the mobile version remained set to 'Auto' rather than '-200px'? Any feedback would be greatly appreciated!

 

Original:

.product-single__media {

margin: 0 Auto;

 

Changed to:

.product-single__media {

margin: 0 -200px;

 

20-52-wjcfo-igt3n

20-53-u5s8r-suecc

0 Likes