[Resolved] Site Header Not Showing Up

[Matt Stern]

Hi Guys,

I created a site header element using blocks. It’s set to show on the entire site, but I’m only seeing it on this page: https://sternstaging.com/why-you-should-care-about-blockclones/

and not others, such as the homepage: https://sternstaging.com/

Not sure what I’m missing here. The header isn’t disabled on any pages.

Any ideas?

Thanks in advance.

Matt

[Matt Stern]

I changed the Tag Name of the container block to “Header” and that seems to have solved the problem. Does this make sense? Not sure why it was showing up on one page before….

[Elvin]

Do you have multiple Header Elements?

If yes, it’s possible that the Header Elements display rule locations conflict with each other.

[Matt Stern]

Hi Elvin,

Only one header element….

[David]

Thats odd – the Block Element doesn’t suffer from Display Conflicts – could have been server page caching hadn’t cleared. Does the issue return if you change the Element Tag ?

[Matt Stern]

David, you may be right about the server side caching being the issue. Changing the Element Tag again did not cause an issue.

Sidenote: are the element tags explained in details anywhere?

Thanks!

[David]

Apart from the default <div> which in HTML semantics is Division and has no explicit meaning – the others are known as Section Elements that are also ARIA Landmarks – see here:

https://www.w3.org/TR/wai-aria-practices/examples/landmarks/HTML5.html

In your instance the <header> would be the correct element tag – as you’re replacing the Site Header. Browsers and importantly Screen readers and other assistive technologies use these landmarks to assist navigation. Its also good HTML semantics as someone reading the code can see here is the header, here is the footer.

In regards to the <aside> you will see this in places such as a Widget.

[Matt Stern]

Thanks, David. Marking this a resolved.

[David]

Glad to be of help.

[Author]

Posts