Page Header not showing on blog page

You're using the "Elementor Canvas" page template. That template removes everything GP from the page, including all of our hooks.

You'll want to use the "Default" page template in order use GP hooks.

ok but what about on the blog page? How do I get the page header to show?

You need to assign it in global location: https://docs.generatepress.com/article/page-header-global-locations/

It is assigned to global

Also, since applying the header to the before header hook my top bar is missing text on the blog page only.

Your blog page header doesn't have any content, so it has no height. If you add top/bottom padding, it will add to the height.

The top bar (Elementor template) is missing text because this CSS is added to the site:

.blog .elementor-widget-icon-list .elementor-icon-list-text {
    display: none;
}

Thank you that did it.

You're welcome :)