Hello Shopify community,
So my header on mobile is the color black and for some reason I am unable to change the hamburger menu, search and cart icon color. I am using dawn theme 9.0 and am completely frustrated and decided to come here to help. If you see the images attached, you can see them very slightly but i would like to make it white to make it more noticeable as currently they’re black or transparent. No issues in regards to the desktop version. Any help will be appreciated!
How are you trying to change the color? Are you trying to change the icon, or change the CSS?
Tried using css but could not find a good code. And just changing the icon color for the hamburger, checkout, and search icon. Any soultions?
You can add a while icon to your “images” or “icons” folder, and directly in your header.liquid file, add a link to that image for it to show. It will look something along the lines of this:
Replace the current mobile black icon with the new code in your header.liquid file and let me know if that works.
Hello Zqdo,
Thank you for your response. To be honest I am still a bit confused. As I am changing the icon color’s (hamburger, search and cart), are you saying I should add a image that is plain white and link with the icons so they become white, correct?
You can either just change the color of the icon itself, or if you are running into any issues, add a new icon.
Were you able to fix the issue?