product images bug from mobile view

Store Design
1

Hello everyone its my first post here,

I’m having an issue only from mobile, products pictures bug is it possible to fix it ?

puffworld.gr is the site

thank you for your time

2

Hi @puffworld

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_img_top + .product_slider_img {
    display: none;
}
}

image (54).png
image (54).png337×692 94.4 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

3

Hi @puffworld

Could you explain the issue?

4

hello mate thank you so much for your reply it really worked but now the photos are shown like that on mobile.

Screenshot_28.png
Screenshot_28.png1919×912 238 KB

is it possible to fix it and make it look like the pc view ?

puffworld_0-1736512140089.png
puffworld_0-1736512140089.png1919×940 190 KB

thank you once again for your time