Missing part of cart icon

Hi, could someone please help.

When an item is added to cart the bottom right hand corner of the icon disappears.

1 Like

Hey @user2448

Share your store URL and password if enabled.

Best,
Moeed

That’s most probably the cart bubble which shows when something in the cart and how many items. Only yours is white on white.

Try playing with color settings – it should show.

If not, use this code in Header section “Custom CSS”. Theme settings=> Custom CSS should also work:

.cart-count-bubble {
  --color-button: 169, 98, 84;
}

It should do this:

Update: It’s “Solid button background” color in the Color Scheme selected for “Menu color scheme” in Header section settings.

Do you mind sharing your store url or preview, so I can get the exact selector, and not just drop a dummy code.

Yh this should do it tim

hi,

Please Share a store url to better understand

thanks

Hi @user2448

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

Yes the code worked, thank you.

Hi, I’ve just noticed the issue is still occurring on the desktop but fixed on mobile view.

I have tried changing colours but not working and the code seemed to fix in on mobile but not desktop.

Interesting.

This is how I see it on my desktop, different browsers:

The dot is shown because you have very similar colors for background (and this is also set by the custom CSS I’ve suggested) and for the text color which initially was white and contrasted fine with the background color I’ve suggested.

Do you have another browser on your desktop?
Incognito mode maybe?
Try another desktop?

I’ve changed the colour back to what it was so the number is white again

The cart number is showing again on mobile and incognito but still missing using chrome browser.

If it shows properly in Incognito (and it also does show properly to me), then I’d say something is not right with your Chrome data – say, you’ve stuck in preview of another theme which has this problem not fixed.
You can be in preview, but click “Hide preview/admin bar” and do not know that.

Clearing cookies should help. As Incognito does not send cookies.

Can also try previewing your live theme from admin or preview a different theme and then click “Exit preview”.

It shows correctly using chrome when I click “View your store” in online store themes so it’s obviously fine, thanks.