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

Store Design
, , ,
1

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:

1.jpeg
1.jpeg1290×2796 153 KB

2.jpeg
2.jpeg1290×2796 153 KB

3.jpeg
3.jpeg1290×2796 83.6 KB

2

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

3

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;
}
4

@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

5

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

6

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

7

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