Removing cart icon and giving it name

Store Design
, ,
1

Hello Shopify community,

I try to remove cart icon and just leave BAG like here in reference, I use Dawn last theme. Any ideas, i found some but none of them work. should work fine on both desktop and mobile

Screenshot 2024-11-21 at 14.34.09.png
Screenshot 2024-11-21 at 14.34.09.png2880Ă—634 336 KB

Screenshot 2024-11-21 at 14.28.46.png
Screenshot 2024-11-21 at 14.28.46.png2880Ă—202 117 KB

Thanks,

Daniel

2

Hi @junktiontbs

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
@media only screen and (min-width: 990px){
a#cart-icon-bubble span.svg-wrapper {
    display: none;
}

a#cart-icon-bubble span.visually-hidden {
    visibility: visible !important;
    position: relative !important;
    height: auto;
    width: auto;
    text-decoration: none;
}

a#cart-icon-bubble {
    text-decoration: none;
}
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

3

Made4uo-Ribe,

Thanks a lot, problem arise when, i add items to cart, here is sample.

Screenshot 2024-11-24 at 01.37.45.png
Screenshot 2024-11-24 at 01.37.45.png2878Ă—948 1.13 MB

4

Hello Shopify community,

any ideas regarding this?

Best,

Daniel

5

Oh, that is the buble. The number where is shows how many products in the cart. Can you share the url? I cant find. Thanks!

6

Sure, here it is: https://mwpcbi-sv.myshopify.com/