dawn theme - cart icon colour (reactive to transparent header)

Store Design
1

Trying to get my cart icon to be white when the header is transparent and red when it’s not transparent?

was hoping an if statement in my base.css file would work but I can’t seem to get it right/it doesn’t work

{% if .site-header-transparent #icon-cart-empty > summary > span %}
fill= white;
  {% endif %}

store preview link is https://phr1he2kl6dnxa9e-50708545699.shopifypreview.com

so the cart icon needs to be white when the header is transparent
so the cart icon needs to be white when the header is transparent412×270 101 KB

and red when the header has the white background
and red when the header has the white background542×336 87.7 KB

Any help would be hugely appreciated!

1 Like
2

@joedogfish Thanks for posting here. Today I would be happy to help you.

.site-header-transparent svg path {
fill: white !important;
}

Just copy this css code and put it on the very bottom of the base.css file. It will solve the problem.

Thank you

2 Likes
3

Thank you! I removed the !important and it worked!