mobile issues with child theme – logo, menu, footer

Hello!
I am working on this site with a Tiny Forge child theme. I just took it out of maintenance mode and checked it on my phone, these are the things I am not able to resolve:

• Mobile menu background color: have tried copying code from parent theme style.css and replacing background values with the hex value I desire, but at the most I end up with a menu toggle icon on the full browser version, and never do the colors change when I update the mobile browser.
• logo in mobile view: I saw the directions in the documentation, however when I apply them I get undesired effects on the full browser version (namely full orange background from menu going all of the way to top of logo).
• the footer in the mobile version is white rather than transparent, like on the full site.
• the main body text color on mobile site is not white as I’ve coded it to be in the full view

I understand that Tiny Forge is supposed to be a ‘mobile first’ theme, I am just more interested in equating the playing fields and bringing the mobile version up to the same design as the full model. I assumed that this would happen automatically, but it has not.

Please help! Any assistance or direction is greatly appreciated.

thank you in advance,
Ana