This topic has 4 replies, 2 voices, and was last updated 4 years, 10 months ago ago by Olga Barlow
Hello,
I have products with 3 product images. If I am on the shop page, on a desktop I can view the main product images and also with navigation arrows I can see the other product images. On mobile, this is not possible. You can only view the main product images but there are no arrows available so you can see the other 2 images.
I really need it to work on mobile as most of our customers view on mobile.
How can it be fixed please?
Thank you
Emelie
Hello,
Mobile devices do not have hover state as the desktop version, do you want to show the slider arrows always on the product image?
Then add the following code to child theme style.css and clear CDN cache
@media only screen and (max-width: 768px){
.st-content .sm-arrow, .st-content .product-slider .bx-wrapper .bx-controls-direction a {
display: block!important;
}
}
Regards
Perfect, Thank you!
You are welcome.
Regards
You must be logged in to reply to this topic.Log in/Sign up