Replacing menu header text with logo icon above hamburger menu icon

Hi Enfold wizards,

The website I am working on is http://bodytalkcare.com/

Right now where it says”BodyTalk Care” on the top the page, it links to the home page when clicked.

I’m imagining my logo above the hamburger menu icon, and that logo is the same px as the hamburger menu icon

Here is a Photoshop example of what my vision and goal would look like:
https://www.dropbox.com/home/Public?preview=Untitled-1+copy.jpg

I’m curious and need understanding, would you be willing to tell me what I could specifically do to:

-remove the “bodytalk care” text at top of the menu header?

-and replace that with my logo icon that is above the hamburger menu icon, that is the same px as the hamburger menu icon, and when the logo when clicked it, will bring us to the home page?

Would I need to upload the .gif of the logo to my media library?

Thank you