Change color Toggle Menu for Mobile

Shapely
1

Hi,

I’m trying to modify the color of the “three lines” of the toggle menu in the mobile site without success. I’ve tried to apply the following CSS (suggested in a previous thread) without success:

.navbar-default .navbar-toggle {
border-color: transparent; /* Removes border color /
float: left; / Move navbar toggle to left /
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #f00; / Changes regular toggle color /
}
.navbar-default .navbar-toggle .icon-bar:hover {
background-color: #fff; / Changes toggle color on hover */
}

Any advice?

website: www.jonathangoldenberg.com

Cheers,
J

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the menu icon color by going to Appearance > Customize > Additional CSS and pasting it there.


/*Mobile menu icon color*/
i.fa.fa-bars {
    color: red;
}

Best Regards,
Support

3

It works like a charm!

Thanks,
J