Reduce size of sale tag mobile

[Luxluxlux360]

 

Hi,

I need to change the size of the save tag on mobile by like 1/2 the size 

my site is https://lux360.net/collections/all

[Moeed]

Hey @Luxluxlux360 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
.product__badge.product__badge--sale {
    font-size: 7px !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[GTLOfficial]

Hello @Luxluxlux360 
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.

@media screen and (max-width: 768px) {
.product__badge.product__badge--sale {
transform: scale(0.7);
}

}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[devcoders · Accepted solution]

Hello @Luxluxlux360 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/theme.css Add the provided code at the end of the file.

@media screen and (max-width: 767px) {
.product__badge.product__badge--sale {
font-size: 8px !important;
}
}

[devcoders]

Hello @Luxluxlux360 

You're very welcome! I'm thrilled to hear that you're pleased with the outcome. Don't hesitate to reach out if you need further assistance.

like and accepting the All solution. Thank you!