How To Resize Sale Badge On Product Page In Shopify (On Desktop or Mobile)

Today i will show you how to resize sale badge size on product page in Shopify for only desktop or mobile or both and change the size for badge by using a custom code.
it is really important to resize the sale badge on Shopify product page for mobile or desktop appropriately so that it is easily visible but not overpowering because a sale badge that is too small may go unnoticed and while a badge that is too large can distract the customer from other important information on the Shopify product page, so finding the right size is key to effectively communicate the discounted price and create a sense of urgency for customers.
Also it is essential to optimize your Shopify product pages for mobile devices and resizing the sale badge on mobile is equally important as on desktop, if not more because the limited screen space on mobile devices requires careful consideration of the size and placement of the badge.




Code : https://pastebin.com/4DayRiUb


If you have any questions or suggestions my Instagram :   / anas_elmedlaoui  



















About me:
My name is Anas El Medlaoui and i have been around digitally for 9 years making Websites, Mobile Applications, Social Media Promotions, E-commerce, Shopify design etc...
And i have accumulated some experience in multiple fields over the years jumping from project to project (Which wasn't a good idea), I started this Youtube channel after a year of hesitation to share my knowledge and experience with people that are willing to succeed online with the theory of knowledge for everyone.

#shopify #sale #badge