Sticky Header
Engage your Visitors by using Interactive Sticky Headers
Settings
| Setting | Description |
|---|---|
.no-sticky | Applying this Class will deactivate the Sticky Header |
data-sticky-offset | Enables Sticky Header after a defined offset from the Top Example: 200 |
data-sticky-offset-negative | Defines a Negative Offset for the Sticky Header. Used when the Sticky Offset is set to full Example: [ch_pre] |
data-sticky-shrink | Enables Shrinking feature on the Header when Sticky Example: false |
data-sticky-shrink-offset | Enables Shrinking feature after the Sticky Header reaches the defined offset Example: 400 |
data-sticky-class | Applies a Defined Class on the Sticky Header Example: not-dark |
Logos on Sticky Header | Check this Example for using an Alternate Logo on Sticky Headers: http://docs.semicolonweb.com/docs/getting-started/logo-settings/#docs-snippet-sticky-logo |
data-mobile-sticky | Enables Sticky Headers on Mobile Devices Example: true |