Is it possible to change the cart design in my sticky cart?

[Mrstep]

Is it possible to change the cart in my sticky cart it is hard to see the number when a product is in the cart. On mobile. www.shopcuzzo.com 

 

[Made4uo-Ribe · Accepted solution]

Hi @Mrstep 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
.menu_toolbar .btn_cart a span {
    border: 1px solid white;
    border-radius: 50%;
    padding: 0 .2em;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: -6px;
    margin-top: 8px;
    background: white;
    color: black;
}
</style>

And save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[brandography]

Hi @Mrstep , there's most likely a setting within your theme to change the icon to something else, which might be clearer on mobile 😉

[Made4uo-Ribe · Accepted solution]

Hi @Mrstep 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
.menu_toolbar .btn_cart a span {
    border: 1px solid white;
    border-radius: 50%;
    padding: 0 .2em;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: -6px;
    margin-top: 8px;
    background: white;
    color: black;
}
</style>

And save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Mrstep · Accepted solution]

THANKS SOOOOOO MUCH!!! Is it a way to make the white circle round?

[Made4uo-Ribe]

Check it again, I make changes. Thanks!

[Mrstep]

Great Work again! any reason why it doesnt show added in sticky cart immediately after adding?

[Made4uo-Ribe]

What do you mean?