Hi everyone!
I would like to know how to remove the count from my cart icon, and also add a red dot on cart icon with no numbers on it please. Thank you!
Website url: https://bronxhomewares.com.au/
.site-header-cart--count::after {
height: 12px;
min-width: 12px;
font-size: 0;
line-height: 12px;
background-color: red;
position: relative;
border: red;
right: 7px;
border: 2px solid rgb(250 250 250);
top: 5px;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
1 Like
Hey @Peacocoki ,
Welcome to the Shopify community!
You can follow the instruction below:
.site-header-cart--count {
position: absolute;
top: 11px !important;
right: 10px !important;
display: block;
opacity: 0;
transition: opacity .15s linear;
}
.site-header-cart--count:after {
display: block;
height: 12px;
width: 12px;
min-width: 10px;
padding: 3px;
font-size: .6875rem;
line-height: 12px;
color: transparent !important;
text-align: center;
text-decoration: none;
background-color: red !important;
border: 1px solid #ffffff;
border-radius: 50%;
content: attr(data-header-cart-count);
}
please add this to your CSS file. If you feel like my answer is helpful, please Like and mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman
1 Like
Hi @ReturnPrime
Thank you for your solution! 
1 Like
Thank you for your help, I was trying to put your codeat the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid, but it did not work, and then I finally noticed that there is another one named theme.css.liquid, and it works on this.
Ok no Problem