[Support request] How To Remove Blank Space From the Header to the First Heading

[Ryan]

I don’t use page titles on all of my pages because I don’t think they look good. Therefore, whenever I create a heading for my first page it causes a bit of empty space between the header and my first heading. How can I remove this empty space?

[Fernando]

Hi Ryan,

To have a better understanding of the issue, may you kindly provide a link to a page in your site where the issue is evident?

You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

If however you’re referring to the Post pages in the Searched & found website, the spacing at the top seems to be coming from the top padding value from a Container Block. To remove this, kindly remove the top-padding set.

Kindly let us know. Hope to hear from you soon. 🙂

[Ryan]

Fernando

Can you please explain how to remove the top-padding set?

[Ying]

Hi Ryan,

Can you link us to your site and point us to where we should be looking at?

[Ryan]

Ying

It’s every page on my site except for the home page.

[Ying]

Are you using the Search template?

If so, based on your layout, you are not using page hero, and you don’t need to merge the header with content.

Go to appearance > elements, delete theBlock - Page Hero element named Global and the header element named Merge.

Then you might need to reduce the top padding of the 1st container block of your front page:
https://www.screencast.com/t/KloCMYLQ

[Ryan]

Ying

I went in and deleted the Global and Merge elements. That solved the issue on all pages except my home page and blog page. It moved my first heading/paragraph on my home page down, which isn’t something I want. And it didn’t do anything for my blog page.

[Fernando]

Hi Ryan,

The space on top of your Blog page is coming from a Block Element called Blog Header(This can be found in Appearance > Elements). Since you don’t seem to have any text for the Headline Block, it just appears as a blank space.

To resolve this, you may either just add text to the Headline Block found in Block Element – Blog Header, or simply just delete this Block Element.

If you would like to lessen the spacing at the top of your front page, you may try reducing the top padding of the first Container Block as such: https://share.getcloudapp.com/lluEebjb

Hope this helps! Kindly let us know how it goes. 🙂

[Ryan]

Fernando

Some of these recommendations I’m receiving fix one page, but then cause issues with another. I ended up restoring the Global and Merge elements that I deleted because they caused spacing issues on my home page. I don’t have any spacing issues with home page. The spacing issues are on the Services, About, Blog, and Contact pages.

I tried deleting the Blog Header and it just made the spacing even worse by overlapping and image with my logo.

[Fernando]

The space from these pages come from these two Block Elements: https://share.getcloudapp.com/rRu1dK5n

Kindly note that these two Block Elements are meant to have a Headline Block which has a text inside it. I believe yours is blank which is why it looks like a big empty space.

See: https://share.getcloudapp.com/5zuLRk2E

Also see: https://share.getcloudapp.com/p9u64yeR

If wish to delete these Block Elements, you would need to set the Merge in the Header Element to “No Merge” to avoid it from going under the header.

See: https://share.getcloudapp.com/rRu1dKmN

The result of this would be something like this: https://share.getcloudapp.com/v1ugGzBO

Kindly note that the Title of the page is now appearing. The reason for this is because the Block Elements mentioned previously also was the one hiding the title: https://share.getcloudapp.com/L1uR2lyN

If you want to hide the title and have no text in your Headline Block, you can keep both Block Elements and remove the spacing from the Container Block as such: https://share.getcloudapp.com/5zuLRkRo

Then, set the Merge of the Merge – Header Element to “No merge”.

Hope this clarifies. 🙂

[Ryan]

Fernando

Once again, this fixes all of the pages except the home page. The home page has no spacing issues, but when I make these changes, it effects the home page spacing by pushing the first block down the page.

[Ying]

Can we make sure all other pages are fixed, then we can take a look at the home page.

Did you remove your site info, can you link us to your site again?

[Ryan]

Ying

I feel like this causes more confusion when other people jump in. I would like to wait for Fernandos response.

[Leo]

Please provide a link to your site first – it is required regardless who is helping.

Thanks.

[Ryan]

Leo

Is your name Fernando?

[Author]

Posts