Hi,
It is possible to change the background color and the text color of both menu easily. You should can achieve your desire result in the following ways.
1. You can change the link color and the menu background color for both main nav menu and top menu from the Theme option>Style Option>header. I have added a screenshot. You can get clear understanding seeing it.
2. To give top menu different color for text and its background. You need to add some css to the style.css file of the KLEO child theme which can be found Under Appearance>Editor>style.css. I have got some css code for you to change top menu color. You can change the color code to your taste. Please copy the following code
/*
Custom Style for Top Menu STARTS
*/
.social-header.header-color {
background-color: #d0820d !important;/*Color for background on the top menu area*/
color:#fff !important;/*Color for any text/toggle button on the top menu area*/
border: 0;
}
.social-header.header-color a{
color: #fff !important; /*Color for the link of the menu on the top menu area*/
}
/*
ENDS Custom Style for Top Menu
*/
to Apearance>Editor>style.css and save the file. Refresh the browser. and see the result. and you can also clear the browser cache and cookies etc. to see the result. I have added a screenshot of the result after adding the code. You can have an idea looking at the screenshot.
Thanks,
Kamal