Hi, for some reason, on my store recallclothing.com I cannot make it for the opacity to work on mobile, but only on desktop. product-bloc.liquid {% if product.available==false %} product-soldout {% endif %} and in CSS: .product-soldout { opacity: 0.4; } But I tried to place it in different p…

.product-soldout { opacity: 0.4; } @media (max-width: 767.98px) { .product-soldout { opacity: 0.4; } }

Why isn't product sold-out opacity working on mobile?

elgobbo February 12, 2024, 8:28am 2

Bump. Any idea ?

Topic		Replies	Views
Fix the opacity overlay on sold out product Store Design	3	108	May 4, 2022
Lower the opacity for out of stock items, but only for certain product type Technical Q&A	3	18	November 1, 2021
Removing opacity on sold out products (Brooklyn Theme) Technical Q&A	3	10	February 18, 2022
Image overlay opacity for slides doesn't apply to mobile (Refresh Theme) Store Design shopify-themes	1	6	May 3, 2023
Image Overlay on Product-Grid on Browsers Store Design	5	41	October 27, 2020