Header Height 0 doesnt work.

This topic has 6 replies, 3 voices, and was last updated 7 years by Radu.

Author
November 8, 2017 at 13:38 #179251

ieremchuk
Participant

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?

Attachments:
You must be logged in to view attached files.

November 9, 2017 at 04:45 #179329

Laura
Moderator

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

November 9, 2017 at 09:45 #179338

ieremchuk
Participant

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

November 10, 2017 at 02:17 #179427

Laura
Moderator

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

November 10, 2017 at 16:34 #179457

Radu
Moderator

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

What support service includes ? What not ?
November 10, 2017 at 16:47 #179458

ieremchuk
Participant
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.
November 10, 2017 at 17:18 #179461

Radu
Moderator

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

What support service includes ? What not ?
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The forum ‘Bugs & Issues’ is closed to new topics and replies.

Attachments:

Search KB

Log in with your credentials

Forgot your details?