Changing Cart Icon Color for Different Pages

Hello,

I recently changed the cart icon to a different image but it is only visible on the home page due to its color. How can I change the icon for the other pages so it is a different icon with a different color?

Thanks!

1 Like

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

https://48hrntmzmkrgrc87-57034014856.shopifypreview.com

Hi @patswain ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
.header-wrapper:not(.header-wrapper--transparent) .cart-link {
    filter: invert(1);
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like

That worked! Thank you. On the mobile view, the cart icon in’t visible on the menu dropdown. Could you help me change it to white so it is visible? Thank you!

Hi @patswain ,

We checked that the cart icon is still displayed normally. Can you take a picture of the position you want to correct?

The cart icon is black so it can’t be seen on the menu dropdown. This is on the mobile view

Hi @ZestardTech ,

when I switch to white background, I also don’t see the cart icon you mentioned. I don’t know if you have added it on the dropdown menu, please check again.

Thanks