Mobile Menu Font & Background colour

Hi guys,

Sorry to open a new thread. I have found part of my answer on other peoples threads. I wanted to change the font colour and background on mobile menu. After a fair bit of playing around with bits of quick css I have managed to do what I want with the exception of the bar along the top, next to where the hamburger menu button is which then becomes a cross when you open the menu.

I want that bar to be coloured with #19445a when the mobile menu is open.
The only way I can see to achieve this in the Enfold settings is to change the Main Content> Primary Colour to be #19445a. It’s currently set to #ffffff. Unfortunately when I do this it then changes the primary background everywhere which is not what I want.
Is there a way to colour just the top bar where the icon is when the mobile menu is open? It just looks a bit odd having the cross symbol on this white background??