Changing the icon colors and logo image on the product page only

[carmelesmbm]

Id like it to look like that

@media only screen and (max-width: 767px) {
  
 .product-single__meta{
.icon-cart {  color: white; }

.burger-icon {   background: white !important;}
  
  }
  }

I have tried like this but it doesnt work ,

if i dont put it inside .product-single__meta it works but then its invisible in the collection page.

And its the same problem , i can´t. change the way the icons and logo look just on the collection page.

Any help would be really appreciated.

[KetanKumar]

@carmelesmbm

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Denishamakwana]

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

[carmelesmbm]

pikeoo.shop