span of cart header icon disappear on click add to cart product

span of cart header icon disappear on click add to cart product

UTOPIA-PARIS
Excursionist
29 1 6

Hey ! the span of cart header icon disappear when you  click add to cart product on product page view :

 

Capture d’écran 2024-09-29 à 21.43.48.png

 

the code of it is actually that on base.css: 

 

.cart-notification-product__image img
{margin-top: 0 !important;
}

#cart-notification-button,
.cart-notification__links > button {
color: rgb(var(--color-foreground))!important;
}
.cart-count-bubble {
left: auto!important;
right: 0px!important
}

 

by the way, how can i change the color of button of cart notification pop up ? and as you can see below buttons have a line that i want to hide

Capture d’écran 2024-09-30 à 11.20.56.png

 

thanks ! 

Replies 2 (2)

Tech_Coding
Shopify Partner
332 91 81

Hello @UTOPIA-PARIS 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  a#cart-notification-button {
    background: #000;
    color: #fff !important;
   }
   .active:after {
      content: unset !important;
   }
</style>

Tech_Coding_0-1727688856103.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
UTOPIA-PARIS
Excursionist
29 1 6

hey ! for the cart notification it's work !

 

but the span is still hidden :

 

before click  add  button : 

 

Capture d’écran 2024-09-30 à 11.55.20.png

 

after : 

Capture d’écran 2024-09-30 à 11.55.00.png