All things Shopify and commerce
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 ?
Solved! Go to the solution
This is an accepted solution.
.product-soldout {
opacity: 0.4;
}
@media (max-width: 767.98px) {
.product-soldout {
opacity: 0.4;
}
}
Bump. Any idea ?
This is an accepted solution.
.product-soldout {
opacity: 0.4;
}
@media (max-width: 767.98px) {
.product-soldout {
opacity: 0.4;
}
}
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
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