Well, you can reduce that gap, but you can’t guarantee you’ll always get your content without scrollbars. That will depend on the length of the content and the size of the viewport. You may have a little bit of control over the former if it’s only you creating content, but you’ve absolutely no control at all over the latter.
Having said that, you can reduce the gap you’re concerned with by creating a child theme and then in the child theme create a rule to reduce the padding for the site title. Here’s the current rule:
#site-title {
margin-right: 270px;
padding: 3.65625em 0 0;
}
You’ll probably also want to reduce the bottom margin of the site description. Here’s the existing rule:
#site-description {
color: #7A7A7A;
font-size: 14px;
margin: 0 270px 3.65625em 0;
}
So let’s say you wanted 1em at the top and bottom. You could create two new style rules in your child theme style.css file as follows:
#site-title {
padding: 0;
}
#site-description {
margin-bottom: 0;
}
That should do it.
Cheers
PAE