Archived topic

CSS Sticky Header With Merged Header Element

3 replies · Started by EcoDev on February 8, 2021

Viewing posts 1–4 of 4

February 8, 2021 at 9:40 am #1650659

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

February 8, 2021 at 11:13 am #1650765

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.

February 8, 2021 at 11:28 am #1650790

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

February 8, 2021 at 12:17 pm #1650854

No problem :)

This archived topic is closed to new replies.

Start building better websites today.