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
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024