Apearing of sticky header

Question

Hello, how to change parameter when sticky header apear? For example: I want to apear sticky header only after you scroll 25% of all page. How to change that? Thank you in advice

SemiColonWeb · Accepted Answer

Hello, Simply add the data sticky offset="100" Attribute to the header Tag. You can change the Value 100 based on how many pixels after scrolling you want the Header to get sticky. Example: This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

swebe3qn · Answer

Hi SemiColonWeb Team,

I purchased the Canvas theme yesterday - great theme.
Where can I learn about commands like the "data-sticky-offset" command. I didn't find anything about those commands in the documentation.

Thanks, Stefan

Semicolon Web · Answer

Hello, The use of the data sticky offset Attribute is to define after how many pixels you scroll down will the Header would turn sticky. By default its 0 or the Top Offset of the Header. Example: If you add a value of 200 , then the Header will turn sticky once you scroll down 200px off the Page. W…