Remove Cart Icon

[junktiontbs]

Hello Shopify community,

I try to remove cart icon and instead have something similar to this (its text i think)

with help of community, i have done it, but when adding to cart, it makes round bubble and ruins cart item quantities.

any ideas?

[Moeed]

Hey @junktiontbs 

It looks completely fine to me. Are you talking about a draft theme?

[junktiontbs]

No, its actually live now: https://mwpcbi-sv.myshopify.com/

[namphan]

Hi @junktiontbs,

You need to change at 2 positions, it will work fine:

- 1: Please go to header.liquid file and change code here:

- 2: Go to cart-icon-bubble.liquid file and change code here:

[junktiontbs]

Hi, do not understand what to change, it quite same code sits at my current website. same as you have here in screenshots.

[namphan]

Hi @junktiontbs,

Please send the website link, I will check it for you

[junktiontbs]

Hello Namphan,

this is website: https://mwpcbi-sv.myshopify.com/

[namphan]

Hi @junktiontbs,

I checked and you still haven't changed the text, how do you want the text to display?

[junktiontbs]

I want just to be written BAG and item number in bags thats it, now its bubble. broken

[namphan]

Hi @junktiontbs,

Do you want to display like this?

[junktiontbs]

Yeah, can be like this or like in this reference

[namphan]

Hi @junktiontbs,

Please follow these steps:

- Step 1: Go to header.liquid file, find 'header__icon--cart' and change code here:

Code: BAG

- Step 2: Go to cart-icon-bubble.liquid file and change code here:

- Step 3: Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.cart-count-bubble {
    position: relative !important;
    top: 0 !important;
    left: 0.5rem !important;
}