Custom mobile overlay

Site URL: https://www.georgiekronesocial.squarespace.com

Does anyone have some code for adding in a white banner behind the logo in the mobile overlay so it mirrors the mobile home page and so that the logo doesn't get lost? Home page and overlay screen shot attached.

Website password is: campari

Hi,

Add to Design > Custom CSS

.header--menu-open .header-display-mobile .header-title-logo {
    display: block;
}
.header--menu-open .header-display-mobile {
    background-color: white;
}
body.header--menu-open .header-announcement-bar-wrapper {
    padding: 0;
}