Change color of the 3-bar Menu button

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

/* START OF Change color of the 3-bar Menu button */
.navbar .btn-navbar {
color:            white;
text-shadow:      0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #ee7c2a;
background-image: -moz-linear-gradient(top, red, blue);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(red), to(blue));
background-image: -webkit-linear-gradient(top, red, blue);
background-image: -o-linear-gradient(top, red, blue);
background-image: linear-gradient(to bottom, red, blue);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='red' , endColorstr='blue' , GradientType=0);
border-color:     #e16309 #e16309 #984306;
border-color:     rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e16309;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: white;
  background-color: #e16309;
  *background-color: #c95808;
}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #b04d07 \9;
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: white;
  background-color: #e16309;
  *background-color: #c95808;
}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #b04d07 \9;
}
/* END OF Change color of the 3-bar Menu button */

11 thoughts on “Change color of the 3-bar Menu button”

Comments are closed.