Tagged: cart icon, woocommerce
Hello. I need the cart color to be Black on orientations smaller than tablet landscape. I’ve got the following Quick CSS and I can’t get it to kick in. When I set this using Chrome Inspect, it works.
@media only screen and (max-width: 767px)
.responsive #top #menu-item-shop.cart_dropdown {
color: black !important;
}
Thanks!
Tried this CSS as well. It’s something to do with the pages that have a Transparent Glassy Header defined.
@media only screen and (max-width: 767px)
.responsive #top #menu-item-shop .cart_dropdown_link {
color: black;
}
Hey rlogan2334,
There is a syntax error in the above css.
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
.responsive #top #menu-item-shop.cart_dropdown [data-av_icon]:before {
color: #000!important;
}}
Best regards,
Vinay
Perfect! Thank you!