Image need to be smaller on pc than on mobile.

Shopify Discussion
1

Hello I need help.

On this page : https://neon-mood.nl/products/maak-uw-neon

vseazon_0-1666985906190.png
vseazon_0-1666985906190.png467×428 32.5 KB

One mobile version those 2 images are perfect width but on pc it’s too big how can I reduce them and center them only on pc ?

thanks !

2

Hi there,

You can achieve that through custom CSS, as below:

@media (min-width:768px) {
.product-single__description.rte div p img {
  max-width: 800px !important;
}
}

GabrielS_0-1666990177539.png
GabrielS_0-1666990177539.png1757×500 99.6 KB

Adding it at the end of your theme.scss.css should be working as expected.

Cheers!

3

Thank you so much bro ! Do you know why it don’t work on my second website ? https://xn–mon-non-personnalis-fzbo.fr/products/neon-personnalise @GabrielS