My cart icon is invisible and the quantity listed beside it is tiny (the screenshot is attached, where you can see the tiny “2”)! I don’t have an option in the theme settings or header areas to adjust. How do I make the cart visible? The site is showthatspirit.com.
1 Like
Hi @ACP1979
It looks like your cart icon is invisible and the quantity is tiny because of a CSS or theme styling issue. Since your theme doesn’t have built-in settings to adjust it, here’s what you can do:
-
Check the theme CSS – The cart icon or quantity badge might be hidden (
display: none) or have a very small font size. -
Edit the CSS – You can increase the quantity size and make the icon visible by adding something like this to your theme CSS (
theme.cssortheme.scss.liquid):
/* Make cart icon visible */
.site-header__cart {
display: block !important;
}
/* Increase quantity badge size */
.cart-count-badge {
font-size: 14px; /* adjust as needed */
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 50%;
}
-
Check the header or snippet files – Ensure the cart icon code is present in
header.liquidorcart-icon.liquidand not commented out. -
Preview your site – Make sure the cart icon shows correctly and the quantity is readable on all devices.
If you’re not comfortable editing code, a Shopify developer can fix it quickly.
Best
Nobble
@ACP1979 Hi, It looks like the cart icon size is set by your theme’s styling. Since there’s no setting in the editor, you can adjust it by adding a small CSS change in the Edit Code section to make the icon and number bigger.
1 Like