Try this — put your image (for the sake of this demo, we will call it “yourlogo.jpg”) in the /wp-content/plugins/jetpack/modules/minileven/theme/pub/minileven/inc directory. My logo is 240px wide by 45px high.
Now, change the header section of /wp-content/plugins/jetpack/modules/minileven/theme/pub/minileven/style.css (starting about 25% into the file) to read as follows /* AND TAKE NOTE OF MY COMMENTS so you can adjust various sizes to match your logo size*/. Remember, YMMV, so feel free to tweak away at your leisure :
/* =Header
———————————————– */
#branding hgroup {
background-color:#fff;
margin: 0 0 1.3em 0;
padding:0;
width: 100%;
height: 95px; /* THIS IS IMAGE HEIGHT PLUS 50px */
}
#site-title,
#site-description {
clear: none;
}
#site-title {
color: #111;
text-indent: -9999px;
width: 240px; /* THIS SHOULD MATCH LOGO WIDTH*/
height: 45px; /* THIS SHOULD MATCH LOGO HEIGHT*/
background: url(inc/yourlogo.jpg) no-repeat;
}
#site-title a {
color: #111;
font-size: 1.5em;
font-weight: bold;
line-height: 1.2em;
}
#site-description {
color: #222;
font-size: 0.923em;
}
/* Header Image */
#header-img {
text-align: center;
}
header img {
max-width: 100%;
height: auto;
}