Not sure how to add space between the blog content and the header

Hi there,

the site uses a Header Element tilted Header Merge found in Dashboard > Appearance > Elements ( or you can see a shortcut to it in the Admin Bar > Elements when viewing a page it is applied to ).

It looks as though you only require the Merged Header on your posts.
Edit the Element, go to Display Rules, and change the Location to Posts > All Posts

If there are other specific pages you also require the Merged Header you can add additional Locations.

Thanks so much! I followed your instructions and it seemed to work but it didn't apply to the "about" page and the colors inconsistently change for some reason:
https://burgerphones.com/blog/
https://burgerphones.com/about/

Hi there,

Colors can differ if you have the Navigation Colors set on the Header element - https://share.getcloudapp.com/KouYQDjQ

Navigation colors set on Header Element will override the navigation colors set on the customizer for pages w/ Header Elements that are set to merge.

You may have to check if both pages mentioned consistently have the same Header element.

Did this get resolved ?

Hi! I'm still having issues with this page and the contact page: https://burgerphones.com/about/

Despite applying merge-header to these pages, there still seems to be an error with the header.

Can you specify how you want the header to appear on the /about page?

If you want the /about page to have the same site header as the one on the /blog page, you'll have to add /about page on the Header Element's Display Rule exclusions.

This way, the Header element doesn't apply to the /about page as it's the one changing the site header for this.

Hi Elvin,

I'm fine with the way it looks, but there's a text that says "ABOUT" very awkwardly on the left side of the page.

Hi there,

If you want to hide the about content title, you can tick the content title box in the page editor > disable elements.

For more info:
https://docs.generatepress.com/article/disable-elements-overview/

Thanks so much for your help, Ying! An issue is now that the header-merger element doesn't seem to work and the content runs up against navigation: https://burgerphones.com/about/

the content runs up against navigation

This is how merge works exactly. The content merges with the header.

Add this <!--comment--> to the header element content area, set a value for Offset Site Header Height field, in your case 170px should be good.
https://www.screencast.com/t/26MPiuso3

Let me know if this helps :)

Thanks Ying! That helped with the other two pages, but there's a consequence with now the home page having a black bar at the top because of the new padding. Is there anyway to set an exception for the homepage?

Hi, I was able to solve this issue. Thank you so much for everyone's help.

Great! Glad you figured it out :)