How can I change the cart icon to text in the Dawn theme?

[hug1]

Hello,

I’m using the Dawn-theme and want to change the cart icon to text. So it says " Cart" and “Cart (1)” if something is in the cart. Does any one now how to do this?

Thanks!

(This is how it looks now)

[EcomGraduates]

Hello there

are you wanting it without the bag icon as well?

[hug1]

Exactly, so instead of having the bag-icon we want the text “Cart”

[PageFly-Victor]

Hi [email removed]Hug1,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search icon-cart.liquid and icon-cart-empty.liquid

Step 3: Paste the below code at bottom of the file → Save

icon-cart.liquid is using the code

{% comment %}  {% endcomment %}

Cart

icon-cart-empty.liquid is using the code

{% comment %}  {% endcomment %}

Cart

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[hug1]

Hello and thank you!

It worked, how ever it looks like this when their is something in the cart:

Is there a way to make it look like the text “Shop” “About” and have the text (1) after the cart? (instead of the round circle)

[PageFly-Victor]

you can add my code to the bottom of the base.css

#cart-icon-bubble {text-decoration:none !important}
.cart-count-bubble{
position:static !important;
color:black !important;
background:white !important;
border-right: 1px solid;
border-left: solid 1px;
padding: 0 5px;
border-top: white 1px solid;
border-bottom: white 1px solid;
font-size:1.5rem !important;
margin-left:4px !important
}

[vanessabate]

How do I edit code so it only applies to my desktop screen? I would like to keep bag for mobile.