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…

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!

Hi @Trevor_Carr8 Would you mind sharing your store’s URL so we can assist on that?

Unfortunately, it didn’t work @JHKCreate … I appreciate you getting back though!

Are you sure? I can see them now: [JHKCreate_0-1613688086281.png] Let me know!

@JHKCreate I just closed out the page and went back, it does work! Thank you so much!

Making Variants Visible for Mobile, but not Desktop

Technical Q&A

Trevor_Carr8 February 18, 2021, 10:06pm 3

Yes, of course @JHKCreate .

https://mrm-nutrition.myshopify.com/

Topic		Replies	Views
I want to hide other variant image in product cart page in mobile view. Note: Not thumbnail image Store Design cart-page	7	51	September 28, 2023
Hiding variant thumbnails, keeping non-variant thumbnails on product page Store Design css	7	181	July 27, 2023
Hide the display of media thumnails Shopify Discussion troubleshooting	12	126	August 26, 2023
Hiding variant thumbnails on the product page \| Motion Theme Store Design design , product-page	5	53	July 8, 2024
Impulse Theme: How to not show product variant image in thumbnails Store Design design , shopify-themes , product-page	2	40	June 19, 2024

Making Variants Visible for Mobile, but not Desktop

Related topics