Enterprise theme: Cart bubble icon invisible

Store Design
, ,
1

When an item gets added to the cart, the cart item gets masked by what appears to be a portion of what would be a bubble to indicate an item number. The bubble is not visible and only shows background color.

I attached a screen grab of the cart icon with an added item for reference:

Image 10-17-24 at 1.26 PM.jpeg
Image 10-17-24 at 1.26 PM.jpeg670×400 4.94 KB

I found only this in the code referencing a cart count and icon bubble:

{%- if cart != empty -%}

{%- if cart.item_count < 10000 -%} {{ cart.item_count }} {%- endif -%} {{ 'sections.header.cart_count' | t: count: cart.item_count }}
{%- endif -%}

It would be fantastic if someone could provide a solution so we can see the bubble and cart count. Thank you!

1 Like
2

Hello @nb12345
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->main.css
add this code at the end of the file.

div#cart-icon-bubble {
visibility: visible !important;
}

If this was helpful, hit the like button and accept the solution.
Thanks

3

Did not work for us. Thanks.