Logo instead of headline

Use a CSS editor (Jetpack plugin has it built in) and add this. It gets rid of the headline and the “see more” button

#site-meta {
	display: none;
}

#site-title a {
	display: none;
}

#site-description {
	display: none;
}

.only-on-home #more-site {
	display: none;
}

.only-on-home #site-meta i, .only-on-home #site-description, .only-on-home #more-site {
	animation: 0 none;
}

Thnx LMMartens.

THis texts only deletes the headline and button but does not replace it with the logo.
Could you please tell me how to do this, I am wondering the same.

I would love to have the curved text gone and place my logo instead. I dont mind the see more button to stay..

hope you can help me with this as well.

I made my logo the header image in Appearance -> Customize. Since the theme is responsive, if you want the logo to be a specific size on the screen, you would need to save it in an image that is 1800×1200 pixels.

You could also try putting an image link in one of the ids or classes listed above instead of display:none. But I haven’t tested that, so it would be a bit of trial and error to see how/if it would work.

#example {
    background-image: url("https://www.yoursite.com/wp-content/uploads/2014/12/filename.gif");
}