(See attached image) How to change color of the lines?

How to change the color of the three lines in the menu-icon.
I am talking about the grey lines I pointed at with the red arrow.

Thank you

Set the Color you would like to have with CSS

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;

And you can also set the Background Color of the Button.

.navbar-toggle {
    background-color: #666;

If you want to Change the Color on Focus, then just adjust the :focus Tag in Bootstrap:

.navbar-toggle:focus {

// set the new color here for focus



.navbar-toggle:focus .icon-bar {

// here for the 3 white Stripes


Thank you :-)!

Hi @superdog2,

I hope you are well today and thank you for your question.

You can achieve this with theme update proof way by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

.navbar-default .navbar-toggle span.icon-bar {
    background-color: #fff;

Please change the color value in the above code to whatever you want to use by referring the following pages.


Best Regards,