Site logo

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

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

Home Forums Support How To Remove Blank Space From the Header to the First Heading

Viewing 15 posts - 1 through 15 (of 27 total)
  • Author
    Posts
  • #2198794
    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?

    #2198904
    Fernando
    Customer Support

    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. 🙂

    #2201060
    Ryan

    Fernando

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

    #2201104
    Ying
    Staff
    Customer Support

    Hi Ryan,

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

    #2201110
    Ryan

    Ying

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

    #2201127
    Ying
    Staff
    Customer Support

    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

    #2201149
    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.

    #2201166
    Fernando
    Customer Support

    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. 🙂

    #2201180
    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.

    #2201189
    Fernando
    Customer Support

    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. 🙂

    #2209432
    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.

    #2209448
    Ying
    Staff
    Customer Support

    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?

    #2209468
    Ryan

    Ying

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

    #2209535
    Leo
    Staff
    Customer Support

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

    Thanks.

    #2209556
    Ryan

    Leo

    Is your name Fernando?

Viewing 15 posts - 1 through 15 (of 27 total)
  • You must be logged in to reply to this topic.