In an effort to drive traffic to our Discord, I swapped the Vimeo icon for a Discord icon in my theme’s code. Our footer icon color is correct and consistent, however, in the mobile menu, the Discord icon is black whereas the other icons are white.
How can I keep the footer color black but make the mobile menu Discord icon be white/consistent like the others?
For reference, here’s our website: https://shop.hivemapper.com/
Hi @BP95 ,
This is David at SalesHunterThemes.
Thank you for your question.
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code.
Go Assets folder → base.css file.
Add this following code at the bottom of page.
.list-social__item svg path {
fill: currentColor;
}
Here are the results:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
David | SalesHunterThemes team
Hello @BP95
The best way is to make a SVG adapt to current color by adding fill=“currentColor” attribute to the path tag of your Discord SVG. See the part I mark in this code
Thank you for the simple instructions - worked like a charm!
I appreciate your response, however, another reply was accepted as the solution. Thanks again!
You’re welcome! I’m glad I could provide the information you needed.
No problem. Hope you the best!
