FROM CACHE - en_header

How to change the cart icon size on the mobile version?

New Member
8 0 0

Hey all!

I changed the cart icon I had on my website because the bag icon did not fit. Since changing it to an actual cart logo on the mobile version of my website the cart icon became miniature. Its barely visible and I do not want it to confuse my customers. Attached is pictures as well as my website information.

Your help is much appreciated!

Password: PackedUSA

Screen Shot 2021-11-11 at 12.24.54 PM.png

Replies 3 (3)
Shopify Partner
4335 322 932

The SVG was proportional to the websites font-sizes, so that whole area isn't mean for block content like an image.

And you may need to account for cart-count icon as well.

Really the best course is to get the cart icon as a SVG setup the same way as the previous icon.

And the image you are using does not have a transparent background.


A quick fix is to put a fixed width on the image in the theme styles

Always backups themes and files before making changes. img {
    width: 44px;


If you need this customization contact me at with this topic, use-case details,store & theme names.

Finally Combinable Discounts - EARLY ACCESS ONLY - Use Free Shipping With Other Discounts

Answers powered by coffee Buy Paul a Coffee for more answers or donate to
Problem Solved? ✔Accept and Like solutions to help future merchants
Confused? Busy? Buy a custom solution
New Member
8 0 0

I changed the image file so an SVG file. Now the background became transparent but the icon is still miniature on the mobile version.

11 0 3

How did you fix it?