Product Images Bugged on Phone

Shopify Discussion
, , , ,
1

Hello.

my Shopify products are bugged on mobile view, they are like cropped or slightly to the left, if you can fix I am willing to pay.

i want to stay anonymous so if you can help

please let me know and I will pm you the site url.

thanks!

2

Issue only seems to exist for some

products not all

3

Hi @manoman

Could you please share the product link as well so we can check it further?

Looking forward to hearing from you soon. Thank you!

Best,
Daisy - Avada Support Team.

4

Hi @manoman

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

@media screen and (max-width: 768px){
.product__media-image-wrapper img {
    width: 90vw !important;
}
.product__media-image-wrapper.aspect-ratio.aspect-ratio--natural {
    width: 90vw;
}
}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.