My customized cart icon is appearing at different sizes on different screen sizes

Topic summary

A Shopify store owner reported their custom cart icon displaying inconsistently across different screen sizes, wanting it to maintain proper proportions.

Solution Provided:

  • Add specific CSS code to the theme.liquid file
  • Navigate to: Shopify admin → Online Store → Themes → Actions → Edit code
  • Locate the theme.liquid file and find the </body> tag
  • Paste the provided code snippet before the closing body tag
  • Save changes

Outcome:
The solution successfully resolved the issue, with the store owner confirming the fix worked perfectly. Screenshots were shared showing the problem before implementation.

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

Hi! My customized cart icon is appearing at different sizes on different screen sizes. I want it to keep proportional. How can I fix it? URL: Avvoyer.com Password: seipra

1 Like

Hi @Avvoyer

You have this code.

Try to add this one in the theme.liquid. here is the instruction and code.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “theme. Liquid” file. Find the tag and paste the code below before the tag.


And save.

1 Like

Thanks! It worked perfectly!