Remove white space when page title hidden

Hi there, I’m going slightly insane trying to figure this out - I’ve added the following code to the Custom CSS in order to hide page titles:

.page .entry-title {
    display: none;
}

But I can’t figure out how to remove the white space that’s left?

Site is optimalcopy.co.nz

I see that you have already resolved this problem.

For others looking to hide page title I would recommend to use code like this:

.page .page-header {
  display: none;
}

This code will hide page title and its surrounding area which is marked as .page-header.

Your solution is fine too but it is rather complex but it still does the same thing.

Let me know if you need any further assistance.