how to add logo to menu? magazine pro from genesis framework

hi guys, does anyone know how to add logo to menu?
like this

slvrsteele said:

Framework and theme are both versions from Babiato?

https://babiato.tech/resources/magazine-pro-theme-package.7297/

https://babiato.tech/resources/genesis-framework-package-theme.7289/

Click to expand...

Thank you for reply.
I already downloaded it from babiato
However, I did not like the way the logo was displayed, and I searched a lot of the web without finding anything useful , The only option was to get help from babiato developers

slvrsteele said:

I asked you if both are from Babiato so I can replicate it.

Click to expand...

Sorry because of my poor English, I didn't understand what you mean correctly.

Yes, I downloaded it from babiato

slvrsteele said:

After a little playing with it did you think that the simplest method is to use the oldest hack ?
Add a new menu item with link to your site and text <img src="link to logo image" style="set the style to match" />

Here's an example of how it looks (image not formatted to fit the menu style)

Click to expand...

Thank you @slvrsteele for your effort, I was sure you would. Now I want to know where to put this code?

slvrsteele said:

Appearance -> Menu -> <your main menu>
Add custom link -> ... and you figure it out from here

Click to expand...

It has been successful
Now how to defuse the old area logo?
Or
Hide it, so that it does not affect SEO

slvrsteele said:

Appearance -> Additional css (add following code)

Code:

.site-header .title-area {
    display: none;
    height: 0;
}
.site-header .widget-area {
    display: none;
    height: 0;
}

Click to expand...

You are the best man on this planet
Thank you and @TassieNZ too, for interacting with us