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
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.
a.site-header__icon img {
width: 44px;
}
If you need this customization contact me at paull.newton+shopifyforums@gmail.com with this topic, use-case details,store & theme names.
I changed the image file so an SVG file. Now the background became transparent but the icon is still miniature on the mobile version.
How did you fix it?