add logo to mobile menu in Brine

Site URL: https://www.FiercePassions.com

I have been trying different codes to remove the logo from the home page of the mobile site. Because the homepage has a big logo on it. None of the codes worked (including the one that was posted in the forum in response to another question)

So instead I decided I would add the logo to the mobile menu since I saw a tutorial video on it.  Here's the code `I used

Mobile-overlay-nav-item { padding-top:60px;}.Mobile-overlay-menu {width: 100%; z-index: 1;}.Mobile-overlay-menu-main { margin-top:50px; background-image: url('HTTPS://YOURIMAGEURLGOESHERE.COM'); background-position: top; background-size: 50% auto; background-repeat: no-repeat;}

All it did was add extra padding in between my links, no logo appeared (yes I replaced the "your image" with the actual url of my image).  I suspect there is some conflict with the following code I am already using:

.Mobile-overlay-nav-item, .Mobile-overlay-folder-item { text-align: left;}  .Mobile-overlay-menu {width: 80%; z-index: 1;} so I tried to combine them & even weirder things happened.

How can I add the logo to the mobile menu?