Discount badges are too big on Shrine Theme

Topic summary

A user reports that discount badges on their Shopify store using the Shrine Theme appear excessively large on mobile devices, while displaying correctly on desktop. They provide screenshots and a website link demonstrating the issue.

Proposed Solution:

  • Another user suggests a CSS fix by editing the theme code
  • Navigate to “Edit Code” in the theme settings
  • Locate the “theme.liquid” file
  • Insert custom CSS code below the <head> tag

Status:
A potential solution has been offered with step-by-step instructions and a reference screenshot, but no confirmation yet on whether the fix resolved the mobile display issue.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

Hello, I am using a Shrine Theme on my Shopify store, and for some reason, the discount badges on mobile view are displaying extremely large. On Desktop it looks great, it just looks a little weird when viewing on mobile. is anyone able to fix this? Here is the link to my website so you can view it for yourself:> > https://evagleam.com

Desktop:

Mobile:

Hey @robertbarta ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

1 Like