A couple of options;
1. Select the 3rd option in ‘Customize’ > ‘Layout Options’ > ‘Page Title Layout’.
This moves the page title out of the header area, and the logo/menu area will be similar height as your screenshot.
This layout does not contain the background image, so you could add it with this ‘Additional CSS’:
#masthead.not-full {
background-image: url('full-path-to-your-image');
}2. Keep the page title in header, but change the height of the header area with the CSS code from this previous solution.