[Resolved] Sticky header using hook that hides when scrolling down?

[jrides]

I was able to get the following to display the header I want. Is there a way to have it as a sticky header that hides when scrolling down? Can itbe made to fade transition like the sticky menu feature?

I used the code provided in another thread to get things going.

Before header hook:

[INSERT_ELEMENTOR id=”341″]

After header hook:

CSS:
.custom-fixed-header {
position: fixed;
top: 0;
width: 100%;
z-index: 2000;
}

.custom-fixed-header + * {
padding-top: 120px;
}

[Tom]

Hiding an element only when scrolling down is quite difficult unfortunately. Our sticky navigation has that option, but it can’t be applied to a separate element without considerable coding.

[jrides]

Got it.

Thanks for taking the time to look into this.

[Tom]

No problem – sorry I couldn’t be more helpful!

[Author]

Posts