I recently customized the CSS of my BoldGrid Vacation theme, but I'm running into an issue where I can't seem to change the color of the mobile menu button (the three lines that you click for a full menu) to red (#960000) and white(#fff). Any suggestions on what I might be doing wrong? And where should I insert the code for these colors? Currently, the three lines are only visible when clicked.
/*-----------------------------------------------
## Main Menu
-----------------------------------------------*/
/* Typography */
.navbar-default .navbar-nav {
float: none;
margin: 0 auto 10px;
}
/* Nav Center */
.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;
}
/* Nav links */
.navbar-default .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
}
/* Nav hover */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
background: none;
}
/* Nav active */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
background: none;
}
/* Nav reset */
.navbar {
background: none;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.navbar-default {
background: none;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}