Hi
To change the template button color
add this code in custom.css file
@media (max-width: 767px){
.ja-mainnav .navbar .btn-navbar {
background: blue;}
@media (max-width: 767px){
.ja-mainnav .navbar .btn-navbar:hover {
background: blue;
}
Regarding the component profile button its not from the template, the extension has its own color and style for navigation.
You can override that code using this css
.cb_template .navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}.cb_template .navbar-default .navbar-toggle {
border-color: #dddddd;
background: #fff;
}
change the color codes as per needs.
Regards