Need help changing color of hamburger menu icon for mobile

Hello, I am wanting to change the color of the hamburger menu icon to white, as you can see in the photo, it is a brown/grey color. I want to do this while not affecting the color of anything else. Could someone provide me with the code or instructions to do so?

Thanks!

16 hours ago, EJ119 said:

Hello, I am wanting to change the color of the hamburger menu icon to white, as you can see in the photo, it is a brown/grey color. I want to do this while not affecting the color of anything else. Could someone provide me with the code or instructions to do so?

 

Thanks!

Can you share your URL site so I can take a look?

https://www.sullivandesignstudio.com/

You can use the following code on Home > Design > Custom Css

.header-burger-btn.burger {
  --gradientHeaderNavigationColor: #fff;
}

My testing

https://www.sullivandesignstudio.com/

I tried copying and pasting the code but it says there is a syntax error. 

On 12/27/2022 at 9:25 AM, EJ119 said:

https://www.sullivandesignstudio.com/

I tried copying and pasting the code but it says there is a syntax error. 

Try remove Line 54 to Line 56.

Line 54 to Line 56 is the code I need to make the hamburger menu white though. What should I do?

On 12/27/2022 at 9:25 AM, EJ119 said:

https://www.sullivandesignstudio.com/

I tried copying and pasting the code but it says there is a syntax error. 

I can not see the value we need to set for the Css variable.

The correct is:

  --gradientHeaderNavigationColor: #fff;

Tried and still says there is an error.

On 1/13/2023 at 12:03 PM, EJ119 said:

Tried and still says there is an error.

Try remove line 54 - 56

Add this code to Settinsg > Advanced > Code Injection > Footer

<style>
  .header-burger-btn.burger {
  --gradientHeaderNavigationColor: #fff;
}
</style>