[Resolved] Header space too large

I’m guessing you are referring to the homepage as you mention the featured services being shown too high on the page.

The amount that the featured services overlap with the the large header image area can be changed at ‘Appearance’ > ‘Customize’ > ‘Homepage Settings’ > ‘Featured Services’. Here you will see the ‘Overlap’ setting which is at 180 by default.
Change this to a lower number and it will reduce how much the featured services section is overlapping the large header image area.

The overlap setting has no affect on other pages. It is only applicable to the homepage as this is the only page with the featured services section.

The hompepage has a widget area named “Homepage Slider/Hero Section”.
If you add content (e.g. a Cover block) to this widget area it will override the large header/image/title area of the homepage only.
If you leave this widget area empty it will default to the site-wide large header/image/title area that is displayed on all other pages.

To make this upper area (the large header/image/title area) smaller, you can add this custom CSS at ‘Appearance’ > ‘Customize’ > ‘Additional CSS’:

.entry-header.with-image,
.archive-header.with-image {
  min-height: 20rem;
}

The standard minimum height is 30rem so this code will reduce it to 20rem (approx 320px).
You can use px values instead of rem if you want, for example:

.entry-header.with-image,
.archive-header.with-image {
  min-height: 300px;
}

If you do reduce the height of this area and keep the homepage featured services overlap at 180, then the featured services will overlap the title even more, so if you want to keep a large overlap of the featured services on the homepage, I would recommend adding your own Cover block to the “Homepage Slider/Hero Section” widget area at ‘Appearance’ > ‘Widgets’.