Mobile Information Bar Custom CSS

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

Hello everyone! 😀

I had 2 questions. I really can't figure out how to accomplish this. Any help from the community would be much appreciated. (Question #2 is really what I'm looking for the most help with.)

Question 1:
Is there a way to hide the Mobile Information Bar while the navigation menu is open? It cuts off the social media icons at the bottom of the mobile menu.
(See Below)






Question 2: (Probably the most important one)
Is there a way to change the background color of the items when launched? For example, if I click on hours, it launches with a gray background. I would ideally like the background color of the hours section to be purple like the rest of the website. (See Image Below) 



Again, any help you can provide would be amazing. Thank you in advance for reading this post and trying to help me the issues I'm having. 

- Nick

I was able to get this to work...

Add this to the custom CSS:

.sqs-mobile-info-bar {
z-index: 10;
}

Do you still need help on this?