I have the same question: especially on mobile phones there is a lot of white space between my logo and the first blog.
I don’t find a way to add a screenshot here, but if you check http://www.gohappyoffline.nl you will see what I mean!
You can go to Appearance >> Customize >> Additional CSS and add following CSS codes to reduce space between logo and the fisrt article in responsive devices
@media screen and (max-width:767px){
.main-banner{
padding-bottom: 5px;
}
}