Image bigger on pc than on mobile

Shopify Discussion
1

Hello I need help.

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

vseazon_1-1667045644258.png
vseazon_1-1667045644258.png478×276 51.1 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

You can set max-width for all images inside the product description so it does not appear too large.

@media only screen and (min-width: 769px) {
.product-single__description img, .product-single__description a {
    max-width: 500px;
    margin: 0 auto;
    display: block;
}
}

If you need help with any theme edit task feel free to checkout our app. The first task is free.

3

HI @vseazon

This is PageFly - Advanced Page Builder.

You can try with this code:

Follow this:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.scss.css.

Step 3: paste below code in bottom of file → save.

@media screen and (max-width: 767px){

.rte img {

max-width: 100% !important;

}

}

.rte img {

max-width: 50% !important;

}

Hope that my solution works for you.

Best regards,

PageFly.