How can i do this…This is real confusing.

replace <div id=”logo”> with
<div id=”logo” onclick=”location.href=’https://www.yourlinkhere.com/&#8217;;” style=”cursor: pointer;”>
That makes the entire top section (the logo div) go wherever you set the link to.

But how to put the image up there in place of the site name?

No one?

[…]

Add the following css code inside your theme’s style.css (admin > themes > theme editor > stylesheet). You’ll need to change the background-image url and dimension (height & width).

#logo h1 a{
	/* background image */
	background: transparent url(https://www.example.com/myimage.png) no-repeat 0% 0%;
	/* text to image replacement */
	display:block;overflow:hidden;position:relative;text-indent:-999em;
	/* image size */
	width:158px;height:38px;
}