Changing the background color under the mobile navigation (hamburger) menu, and changing the menu option link colors -- mobile only

Site URL: http://www.acook-design.com

Hi there! 

For starters, here's my site and password:

www.acook-design.com

password: bowzer

I'm happy with how the desktop version looks. I have a solid black background, logo with white text, and white menu link colors (see picture 1)

When I change to the mobile version and click on the hamburger drop-down menu, the background color changes to white (washing out my logo) and the menu link color changes to black. (see picture 2).

I want the mobile version of the information bar to match the desktop version: black background, white text.

I saw a previous post with a similar issue, and the guy said to use this custom css code to change the background color on the mobile version to black:

/* Mobile background color */
.header-menu-bg.theme-bg--primary {
    background: black !important;
}

I tried it -- and the result is picture 3. How do I change the mobile link colors under the navigation bar from black to white -- along with the "X" in the upper right corner?

Thank you!!!! I greatly appreciate it!!!!

1.

2.

3.

It looks fine here. Did you solve this?