Why does text overlay appear on cart icon when item added?

Store Design
1

Hi everyone,

When I add an item to the cart, instead of displaying on the cart icon how many items are in it, there is a text overlay identical to what I have in my search bar that shows up on top of the cart.

Here is my site link: https://www.oemtoner.ca/

Any ideas how to fix this?

The blue bubble is normal, I want the cart quantity to display in it.

2

Hi,

  1. In shopify admin, click three dots on live theme and then select edit code.
  2. Search for base.css file.
  3. in file search for this tag “.header__icon span:after”
    you will see something like this

shanakbar_1-1680611963947.png

  1. now update content field to content: none;
  2. then save file.
    Reload your site and add an item to cart.
    This text will be invisible now.
    I hope this solves your problem.
    Thanks!
3

Hi Shanakbar,

Thank you for the reply. It works, but it also removes the text inside my search bar (which was the same content), which I would like to keep. Is there any way around that?

4

Yes you can,
In file base.css update this “.header__icon span:after” line to this “.header__icon–search span:after”

5

Thank you so much! This has fixed the issue entirely.

1 Like