Shopify themes, liquid, logos, and UX
I Can't Swipe Images Of Product Page In Mobile
URL: https://redpandaoutdoor.in/
Solved! Go to the solution
This is an accepted solution.
HI @Emiway1
You can solve this issue by just adding this CSS
You just need to follow these steps:
1) Go to the Online Store
2) Edit Code
3) Find theme.css / base.css
And past that CSS Code:
@media(max-width:768px){
.product-gallery__zoom .ring { opacity: 1 !important;!im; width: 10px !important; height: 10px !important; transform: translateY(-20px); }
.product-gallery__zoom { position: unset; }
.product-gallery__media-list-wrapper { position: relative; }
}
I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!
-If this solution helps you, kindly LIKE THIS REPLY and MARK AS A SOLUTION OR
-If you need an expert Shopify developer for customization and development, feel free to contact me.
Email: Mehran.ali5300@gmail.com
WhatsApp: +92 343 0211536
Subject : Assistance with Mobile Image Swipe Issue on Your Store
Dear @Emiway1 ,
Thank you for reaching out regarding the image swipe issue on the product page of your store.
I would be happy to help resolve this. With over 5 years of experience working with Shopify, I can ensure the issue is addressed promptly. If you don't mind, may I request temporary access to your store so I can investigate and fix the issue directly on your mobile site?
Once I have access, I will be able to identify the root cause and implement a solution quickly to restore the mobile swipe functionality.
Looking forward to your reply and to assisting you further.
Best regards,
Rajat Sharma
@Emiway1 oh sorry for that issue can you please share multiple product image one product url so will check and update
https://redpandaoutdoor.in/products/250g-powder-chalk
Open This in Mobile & Try to swipe images
Hi @Emiway1
I hope you are well.
Upon checking, we found that this setting has been customized from your end: (https://prnt.sc/S_teseZhTAL9).
Could you please revert to the original before customization so we can check it further here?
Looking forward to hearing from you soon. Thank you!
Best,
Daisy - Avada Support Team.
sorry i didn't get this?
This is an accepted solution.
HI @Emiway1
You can solve this issue by just adding this CSS
You just need to follow these steps:
1) Go to the Online Store
2) Edit Code
3) Find theme.css / base.css
And past that CSS Code:
@media(max-width:768px){
.product-gallery__zoom .ring { opacity: 1 !important;!im; width: 10px !important; height: 10px !important; transform: translateY(-20px); }
.product-gallery__zoom { position: unset; }
.product-gallery__media-list-wrapper { position: relative; }
}
I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!
-If this solution helps you, kindly LIKE THIS REPLY and MARK AS A SOLUTION OR
-If you need an expert Shopify developer for customization and development, feel free to contact me.
Email: Mehran.ali5300@gmail.com
WhatsApp: +92 343 0211536
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025