Sold Out, New, Sale badges appear then disappear in Mobile page

[wunderloot]

I used this code I found in the forum to make the product badges “new”, “sale” and “sold out” appear in mobile.

@media only screen and (max-width: 767px) {
.woocommerce span.onsale,
.woocommerce .wc-new-badge,
.woocommerce .out-of-stock-badge {
display: block;
}
}

However they end up like phantoms – appearing only for a short while then disappearing. Usually they disappear as you scroll over the product (I guess the equivalent of hover on desktop)? How do I sort this out?

Thanks!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.woocommerce .products .product figure:hover .badge-wrap > span {
    opacity: 1 !important;
}

Thanks
Mohammad