We can change the colors of the menu bars?

Yes it is possible to customize any aspect of the theme via a child theme.

We also have the Pro version that comes with an extended Customizer options including color controls.

Not a very helpful answer to netwavep’s question. So, here’s the answer (as far as I can tell). Changing colors won’t do the trick because a gradient image is attached to the class navbar-inner (not sure why that was done in design).

To change the colors you have change the class navbar-inner. Change the background image or declare none. When the image is out of the way it’s just a matter of declaring color for the background.

I’m sorry but I’m not sure how you’ve come up with that conclusion.

There are no images in use with the construction of the theme – if you are familiar with Bootstrap you’d be aware of this fact, its all pure css apart from the Glyphicons which are not used in the theme.

Here’s the navbar-inner CSS

navbar-inner{
   min-height:50px;
   padding-left:20px;
   padding-right:20px;
   background-color:#004D61;
   background-image:-moz-linear-gradient(top, #004D61, #004D61);
   background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#004D61), to(#004D61));
   background-image:-webkit-linear-gradient(top, #004D61, #004D61);
   background-image:-o-linear-gradient(top, #004D61, #004D61);
   background-image:linear-gradient(to bottom, #004D61, #004D61);
   background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff004D61', endColorstr='#ff004D61', GradientType=0);
   -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;*zoom:1;
}

as you can see, its all CSS and the best way to change those values is to use a child theme.

Hope that clears that misunderstanding there ??

Regards,
Zulf