[Resolved] CSS Sticky Header With Merged Header Element

[Joel]

Hello, I’ve tried to implement a fixed header with CSS using position: sticky , it works fine apart from pages using a header element with “merge with content” enabled. Is this possible or is the javascript sticky header the only option in this situation?

(Use navigation as header is enabled)

Thanks

[Leo]

Hi Joel,

Funny. We just discussed this issue internally as we are trying to replace the sticky navigation javascript with CSS only.

So far the difficulty is the merged header element and we haven’t been able to find a solution yet unfortunately.

We will likely need to replace how the merged header element works in order to solve this.

[Joel]

Ok thanks Leo, I’ll use the javascript solution for now and keep an eye out for an integrated CSS solution.

[Leo]

No problem 🙂

[Author]

Posts