Change menu bar color with transparency

Hello — I’m trying to change the main menu bar at the top of the page from white to a color; I’ve added additional CSS code to change the color, but it’s still glitchy.

I’d like to keep the transparent menu bar effect when you load the home page, as in the theme default (the bar changes from transparent over the big header image, to solid white with dark text as you scroll down the page). With my code, it’s a solid color all the time. You can also see, as you scroll, that the far left and right sections (outer container?) of the bar turn white, rather than the yellow background color of the rest of the bar.

Here is the code I’m using:

menu-main {background-color: #bda71c}

.navbar>.container {background-color: #bda71c}

.navbar.navbar-transparent {background-color: #bda71c}

Thank you for any assistance!

The page I need help with: [log in to see the link]