Mobile ‘sale’ badge is out of position on Product List

Hi,

?Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

@media only screen and (max-width: 767px){
.woocommerce .has-product-nav span.onsale {
    top: 5px !important;
}
}

Hey Abhishek!

It works great, thank you so much. However, in the product page itself the badge became out of position, is there any coding that can help with it?

Attached below is what i mentioned

https://drive.google.com/file/d/1CdZBWQo9FrespU3pPh2q-zpsGnGDJ7Vr/view?usp=sharing

thanks in advanced!

You are most welcome!

Please try to replace the previous code with this one and check.

@media only screen and (max-width: 767px){
.archive .has-product-nav span.onsale {
    top: 5px !important;
}
}