Hello there,
I’m encountering a problem, that my thumbnails of all my first three products isn’t shown up on mobile device. On desktop I can see all the thumbnails, but on my smartphone the thumbnail won’t show up. And I tried also checking it on different browers, but nowhere the thumbnail of my products is visible. I hope you can help me out.
https://creativecolorlands.com/ - This is my shop page.
Hello @PacificPacifist
i can see that the thumbnail are visible , please check the link below.
https://www.awesomescreenshot.com/video/30453936?key=a768da7cd6c065bdd5929cd16320875c
Thanks
I clicked on the link, but nothing loaded and on my mobile devices the thumbnails of my products aren’t still visible.
Hey @PacificPacifist
Welcome to shopify community.
I have checked your product https://creativecolorlands.com/products/eulen-bilder-zum-ausmalen-eulen-ausmalbilder-fur-kinder-eulen-ausmalbilder-fur-erwachsene-digitaler-download
It works well on my mobile side
On my mobile devices I can’t see the thumbnail. I meant the thumbnail you can see under my collections like on “Animals” the first image of the Owl coloring pages and the first image of the safari animals coloring pages. I wish like I could see those images on the product site itself.
these are the thumbnails I would like to show up on mobile device on the product page itself.
OK, I got you. the main product image now show on mobile and trumbnail section, right?
Did you ever changed the theme code manually?
Which theme are you using and which version?
I will try to find you a solution
Thank you for your answer and help. Yes, I have already changed the theme code with the help of a tutorial to change the size of the displayed product images, and since then the thumbnail on the product page does not seem to be visible anymore… I use the free “Studio” theme
OK. If possible I suggest to revert the change from that version. And find a correct way to change the size of the displayed product images. As I do not know what changed you have made, So it may be not easy to find the solution for you.
Go to online store ----> themes ----> actions ----> edit code ---->base.css ----> line number 3599
search this code
.slider.slider--mobile {
justify-content: center;
}
and replace with this code
.slider.slider--mobile {
justify-content: normal;
}
Thanks
How do I make a revert from that version?
Wow! Thank you very much, it worked! Changing the base.css code was the solution! Thank you very much 