Header background not showing on published page

[kheam]

I have a separate header created for blog pages within my website.

When I edit the header, it previews correctly. However the published changes do not. It looks as if the background colour has has its transparency set at 0 (background-color: hsla(226, 82%, 57%, 0) in the published view.

I suspect it might be loading my Global Header as it behaves the same way.

Any idea on what’s happening here?

[friech]

Hi Kheam,

Thank you for writing in, yes that seems to be your Global Header, please assigned your Blog Header to the Posts Page (indexes)

Hope it helps,
Cheers!

[kheam]

Thanks, missed that. The background colour is now showing on the blog page but not the posts page. Why is this happening even though the same header is applied to both?

[ruenel]

Hello @kheam,

By default, the header assigned as global will be displayed. When you set another header for all pages, it overwrites the global settings. And then if there is another header being assign to a specific page, that header will automatically override the all pages and the global header settings.

Hope this helps.

[kheam]

The page I assigned doesn’t seem to be overriding the global settings on the post page.

So my blog header is assigned to blog and posts pages. However it is not behaving the same way.

[ruenel]

Hello @kheam,

Please edit your header assigned to the blog and all pages. The second bar must be position as “Relative” and not as absolute.

And then since you have installed a caching plugin W3 Total Cache, please clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.