How to Change the Three Line Menu Button Colour

Color:

.navbar .btn-toggle-nav .icon-bar {
    background: red none repeat scroll 0 0; /* Adjust red */
}

Hover color:

.navbar .btn-toggle-nav.hover .icon-bar {
    background: red none repeat scroll 0 0; /* Adjust red */
}

Remove:

.navbar .btn-toggle-nav .icon-bar {
    display: none;
}

The Color: and Remove: snippets work great. Thanks.

However the Hover Color: snippet does not work. When I hover over the three line bar, the three line bar changes back to its default grey and not red.

Try changing red to blue. It works on my test site. Try adding !important

.navbar .btn-toggle-nav.hover .icon-bar {
    background: blue none repeat scroll 0 0 !important; /* Adjust blue */
}

in my child theme the Remove snippet works great but then when i copy it in the style.css from the main theme it does not work

well i don′t know what i did but after many try out etc it workt
maybe refreshing the cache helped ??
thank you any way