Hi
You’ll need to make some changes to your style.css – the usual advice would be to create a child theme, so that your changes are not lost with any update, and I would echo this.
You’ll need to edit two sections, the background color of the actual menu, and also the background color of the <div> in which it sits. That second section comes earlier in the style.css than the first, so let’s find that to start with. In the section marked =Header, find:
#nav {
width: 100%;
border-top: solid 1px #e7e7e7;
background: #f5f5f5;
border-bottom: solid 1px #e7e7e7;
}
Change the value after background to the color you prefer.
Then find the section starting *Menu Skin*. This is the last section of style.css. You should see the following:
/** Top Level List */
.menu ul li {
background: #f5f5f5;
border-right: solid 1px #e7e7e7;
}
.menu ul li:last-child {
border-right: none;
}
/** Nested List */
.menu ul ul.sub-menu li,
.menu ul ul.children li {
border: none;
background: #2f2f2f;
}
Again, change the background values to your color preference.
