Solved

Product Sold-out Opacity

elgobbo
Excursionist
21 2 2

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 places in the file product-bloc.liquid but the render only works on Desktop and for some reason on mobile the opacity never changes.

 

Does anyone have an idea ?

Accepted Solution (1)

elgobbo
Excursionist
21 2 2

This is an accepted solution.

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

View solution in original post

Replies 2 (2)

elgobbo
Excursionist
21 2 2

Bump. Any idea ?

elgobbo
Excursionist
21 2 2

This is an accepted solution.

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