Menu Bar is Transparent

I have one additional question. While there is an option to pick a Menu Bar color, before you scroll the one on my site shows as transparent- only switching to the white color on scroll. I have selected white for both the “Menu bar Color” and “Menu Bar Color on Scroll”. I am at a loss on how to fix this, since on small screens, my initial fix to add a white bar at the top of the video works, but on larger ones it is too thin to be useful (because the video is stretched out laterally). Our business caters to a lot of older people, so I don’t want to just assume that they will scroll and the menu will become opaque.

website is:

Hello Luke,

Please add this following CSS code in WP-Admin > Appearances > Customize > Additional CSS:

.site-header.headroom .navbar {
background-color: #fff;
background-image: none;

@media screen and (max-width: 1024px){
.navbar-nav li a {
    color: #000;

.navbar-toggle .icon-bar {
    background-color: #000;

Best regards,