Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi all,
I just followed the instructions in this video ( https://www.youtube.com/watch?v=ARpSIscriYA&list=PLgS4mrk5DcAJ0h8OY68OmiNcBVE9s6HWS&index=4&t=276s ) to hide variant images besides the one selected. It worked very well! The only issue is that the variant thumbnails disappeared on mobile. Is anyone able to assist me in making them visible on mobile? I would even be fine if all the variants were visible on mobile.
Please let me know if you are aware of any potential solution.
Thank you!!
Solved! Go to the solution
This is an accepted solution.
Add the following code to our theme.scss.css:
@media only screen and (max-width: 749px)
{
li.product-single__thumbnails-item.product-single__thumbnails-item--medium.js.slick-slide.slick-cloned {
display: block!important;
}
}
let me know if that works!
Would you mind sharing your store's URL so we can assist on that?
This is an accepted solution.
Add the following code to our theme.scss.css:
@media only screen and (max-width: 749px)
{
li.product-single__thumbnails-item.product-single__thumbnails-item--medium.js.slick-slide.slick-cloned {
display: block!important;
}
}
let me know if that works!
Unfortunately, it didn't work @JHKCreate ... I appreciate you getting back though!
Are you sure? I can see them now:
Let me know!
@JHKCreate I just closed out the page and went back, it does work! Thank you so much!
Amazing!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025