Change Site Title Color in Mobile Overlay

Site URL: http://thuongxanhfilmstore.com

Hello,

I wanted to change the mobile menu overlay color. The background was black and the text was white. I successfully changed the background to white and text to black using the codes suggested on the forum. However, the site title was still white, thus invisible on the mobile menu overlay. 

I used these codes. Please help me to change the site title to black. Thank you!

@media screen and (max-width:767px) {
.header-menu-bg.theme-bg--primary {
    background: white !important;
}
.header-menu-nav * {
    color: black !important;
    fill: black;
}
.burger--active .burger-inner>div {
    background: black !important;
}
}

Cheers,

Hi. Add to Design > Custom CSS

/* Site title on burger active */
@media screen and (max-width:767px) {
body.header--menu-open a#site-title {
    color: black;
}
}