Sticky Header

How it works

Sticky Header is a nestable widget. You can put any content at it by using the content repeater control: custom code, templates, global widgets and shortcodes.

Content tab

Settings group

Enable offset: if enabled, Sticky Header will hide when the offset value is reached.
Offset scrolling: determines how much distance to scroll to hide the header and to display it again.
Show when going up: if enabled, Sticky Header will display again as soon as the user scrolls up, and hide again when scrolling down.

Scroll styles group

You may want to change Sticky Header styles if you have “Show when going up” enabled so that it is legible when scrolling at any point on the page.
Offset scrolling: determines the offset value where Nav styles available at this section will be applied.

Animation group

Duration
CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.