Header contained and sticky header issue

[Pavel]

Pavel

June 1, 2024 at 6:17 am

Hello Kadence!!! 😉

I want to kindly ask you for your opinion.

I want the header to be underlined but not to full width. So I am using boxed / contained layout.

So far so good.

Problem comes when I use sticky header on top of it.

When I choose sticky for the main row, the sticky header is not full width…. Which doesn´t look good for full width layout page.

I am able to solve it when I use sticky for the whole header or for top and main row. That is good.

But I don´t want the top row to be in sticky header 😀 So I am able to remove it with display: none. But than the transition from header to sticky header is not so smooth due to this display:none “jump”. So I don´t know if it is right solution….

So I want to ask you if there is some kind of “more elegant” solution to this?

Either make sticky header full width (for only main row) or some kind of “smooth removal” of top row, when I choose whole header to be sticky…

Thank´s a lot.

Pavel

• This topic was modified 1 year, 10 months ago by Pavel.