I am trying to change the color of the icons in the header (top right of screen). I have this code snippet below from some other posts...all works fine, except the customer icon!! I can't find the name of the icon, I have tried "icon-customer", "icon-myaccount" and all similar variants. but it doesn't take effect.
anyone know the name ?? Also, on the mobile site there is an "X" which pops up when you hit the hamburger. anyone know the name of the X-icon????
Solved! Go to the solution
This is an accepted solution.
This is May from Shopify, and welcome to our Shopify Community.
The class name of the icon could vary depending on the theme that you are using, but you should be able to find out what it is by inspecting the website. In the example below, I am going to demonstrate how to find the icon names using Debut theme.
If you are using Chrome, you can right click on the icon, click 'Inspect Element', and you will see the code that made up this icon like so:
From the code, you can see that the name for this icon is
icon-login. For the 'X' icon,
it will be
Please note that if you are using a different theme other than Debut, the icon names might differ. I also want to mention that I highly recommend duplicating your theme before you make any code changes, to ensure that your customers aren't affected by any unintended results.
Let me know how it goes. If you are still having trouble finding the icon names, please let me know your store URL and I'll be more than happy to dig in!