Changing the menu bar color

https://codex.www.ads-software.com/Forum_Welcome#Include_as_much_information_as_possible

the formatting, i.e. how the colors are defined in the stylesheet, is theme specific.
without seeing the site live, it will be virtually impossible to make any useful suggestions.

can you provide a live link to your site to illustrate the menu colors?

Unfortunately I cannot provide the link to the website because it is an internal website only. We do not allow anyone to access the site from outside of the building. I am not sure if it helps but we are just using the generic theme that wordpress provided (Twenty Eleven 1.5 by the WordPress team). I have done some research on it and it looks like I need to go into the code and rewrite the color, but I wouldnt even know where to begin with that. Plus it just sounds super confusing and way beyond my skill set.

Read up on Firebug. This application allows you to inspect different elements of your site page through your browser (e.g. header/menu bar/widgets), and to identify which elements of the css code are styling them. This css code will look something like:

.main-navigation {
    background-color: #2e2e2e;
    display: block;
    padding: 1em 2.42857em;
}

So, if you inspected the menu bar and the css is showing a (hex code) colour of #2e2e2e, you could adjust that code in Firebug and see how it looked before making any changes.

When you are ready to make changes, you either need to edit (or create) the style.css file in your child theme, or install a plugin that allows you to add custom css code without changing the theme’s original files.

This is important because a) if you modify your theme’s parent files and make a mistake you can break your site and b) when you update your theme you will overwrite any modification to the parent theme.

https://codex.www.ads-software.com/Child_Themes
https://www.ads-software.com/plugins/simple-custom-css/

If it’s not too late you can use menubar colour changer on twenty eleven.