Menu background colour

Try adding the following css to custom css or a child theme depending which part of the background you want changing:

FOR FULL HEADER BACKGROUND MENU THE FOLLOWING:

.header-wrap {
background:#999999;
}

FOR THE HEADER NAVIGATION BUTTONS ONLY THE FOLLOWING:

.main-navigation {
background:#999999;
}

Of course customising the color #999999 as you need.

Thank you dazzyweb that has really helped.

Is there a way to disable the transparency of the menu bar?

Also is there a way to change the font colour on the menu bar? As if i change the menu to a teal colour, the black font is unreadable.

Again, thank you.

Hi Jack

To remove the transparency of the menu bar try adding the following:

.header-wrap {
    opacity: 1;
}

To change the colour of the font on the main menu bar try inserting the following and adjust the colour code to what you need. The colour below is set to white to show clearly with a coloured background:

.main-navigation a {
    color: #ffffff;
}

Also if you change the font you may also need to change the search icon on the right of the menu.

Try the adding following and adjust the colour as you need:

.header-search-icon:before {
    color: #ffffff;
}

wow thank you so much ??