My top logo bar is disappearing when you scroll down the page

Site URL: https://www.st-bede.com/

When you scroll downwards, the menu bar stays put but everyone above it turns invisible. It looks silly just floating there.... How can I make the top logo/search bar area stay put?

Hey @mwagner,

Looks like to me that your header is transparent and the max-height of the logo is set to 0 on scroll.

Without looking at the backend of your site I'm not too sure how this has occurred. But you can add the following to the CSS:

/* change header to white */ 
#header {
    background-color: #fff!important;
}
/* keep max-height of logo */
.logo-image.header-hidden #header .logo {
    max-height: 100%!important;
}