We are trying to show red colour products only, so we used filter to filtered out products with “red” tag on our store, here is the link https://karbon.com/collections/all/red, it’s working fine when I open this link by using my laptop, showing all the red variant but when I open this link on my mobile phone, it’s not working, some of them are not showing the red product. We don’t know what we can do and Shopify support team recommend us to ask this here, hope someone can help to fix this, thank you!
Hello @Karbon_1
There seems to be a piece of CSS code that hides the image when the screen size drops below 768 pixels.
@media only screen and (max-width: 768px) {
.small--hide {
display: none !important; }
}
I’m not providing the solution just sharing the cause of it. It will cause problems with other sections of the page if this piece of code is removed. You may need a developer’s help to fix it.
1 Like