Header Height 0 doesnt work.

[ieremchuk]

I wanna hide header by default and show the sticky version only.

I set

Header Height : 0

Header Height when scrolled: 88

But cut version of the default header is still shown.

Is it possible to set display none for Header if size is 0?

[Laura]

Hello, the sticky header is the same header, just that it stays at the screen. But its the same, if you hide it, none will show

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[ieremchuk]

I wanna hide it by default only and show when user scroll down.

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

Right now it looks like you had achieved that, right ?

Let me know

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[ieremchuk]

yes. I’ve found a solution with CSS.

COPY CODE

.home #header .sticky-wrapper 
{
height: 0px;
}

.home #header .sticky-wrapper .is-sticky
{
height: 88px;
}

.home #header .kleo-main-header 
{
display: none;
}

.home #header .is-sticky .kleo-main-header 
{
display: block;
}

But maybe you need to fix out of the box behaviour. It is a very common case.

[Radu]

Thank you for providing solution

We will look at that
Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts