Shopping Cart Notification Icon is Showing Different Color Than The Desktop Version

[BentiShop]

Should be black, not pink. Help please

[deepaksharma]

can you please share url and password (if any) of your store?

[BentiShop]

https://mybentishop.com/ - no password

[BentiShop]

mybentishop.com

[deepaksharma]

paste the code below in the header's custom css

@media screen and (max-width: 768px)
.cart-count-bubble {
    background: #000 !important;
}

this will make the background color black

[BentiShop]

[BentiShop]

That is the error message I received and it did not change the icon.

[deepaksharma · Accepted solution]

then you will have to find the code in the code section and edit it

@media screen and (max-width: 768px)
.cart-count-bubble {
    position: absolute;
    background: #b23e65 !important;
    color: #fff;
    height: 1.7rem;
    width: 1.7rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9rem;
    bottom: 0rem;
    left: 1.4rem;
    line-height: calc(1 + 0.1 / var(--font-body-scale));
}

you have to find this particular code part and change the background from #b23e65 to #000(black) or the color you like

[BentiShop]

Found it, it was under icon-cart.liquid. Thank you.