How can I change the color of my mobile menu icons on Dawn?

Hi friends!

Could someone help me customise the hamburger icon for mobile? I use Dawn and my url is www.day204clothing.com.

I need help to make the hamburger icon black when selected and in active state, as well as the x icon. Currently the hamburger icon turns grey when I press it, I need help to make it black. Inside the menu, the x in the corner is grey, I need help to make it black as well. Overall, I need to make the menu icons black for all states on the phone. Let me know if you have any questions!

PICTURES:

Hello @Day204 ,

I would like to give you a recommendation to support you so kindly follow steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

  2. Open your theme.liquid theme file

  3. Paste the below code before


If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

Hi @Day204

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/base.css
  3. Add code below to bottom of file
.header__icon--menu .icon path {
	fill: #000!important;
}

@Day204

step 01:

  1. Go to your Store > Theme > click to edit code.
  2. find this file "base.css " and open.

step 02:

  1. Paste the code at the end of the file.
.menu-drawer-container  .header__icon:hover .icon {
    color: #000!important;
}

this idea helps you

@shubhamSharma Thank you! Would you know of a code to turn the hamburger and x icons grey when just selecting them?

@EBOOST Thank you! Would you know of a code to turn the hamburger and x icons grey when just selecting them?

@GemPages Thank you! Would you know of a code to turn the hamburger and x icons grey when just selecting them?