Change background color of the main menu bar.

If you’re familiar with editing CSS, you have 2 options:

1. Edit the style.css file directly by going to the code around line 998 and changing the color here –

/* Site Header
---------------------------------------------------------------------------- */

.site-header {
	background-color: #000;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	color: #fff;
	padding: 0 40px;
}

2. You can add your own code in the Additional CSS section in the Customizer Page so it will override the style.css code (so you can keep customizations separate from the main files).

In the Admin, go to Appearance > Customize > Additional CSS ….then add the following code –

/* Site Header
---------------------------------------------------------------------------- */

.site-header {
	background-color: #000;
}

You can change the background color to whatever color you want it will show up on your site when you reload your page (and clear cache if needed).

If you need help finding the Hex Color code you can look at something like this – https://htmlcolorcodes.com/