Advanced Sticky Header

Simple, easy yet very useful and configurable sticky header / fixed header plugin.

Just specify class name in options page and it gets sticky!.

Available Options:

• Header Class: Enter class name of your header or nav element that you want to make sticky.
• Animate: This brings header into display with animation type that you select below, default is ‘Fade In’.
• Animation Type: Transition style for header when it becomes sticky
• Shadow: Header will have shadow when it becomes sticky
• Sticky Already: Makes header sticky when page loads

Please Note

Make sure your header’s z-index’s value is high enough to not get overlapped by other elements on the page.
**Example: **
.header-class { z-index: 9999; }

If you have suggestions for a new add-on, feel free to email me at [email protected]

1. Upload ‘advanced-sticky-header.zip’ to the ‘/wp-content/plugins/’ directory,
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. Goto Advanced Sticky Header menu in WordPress, enter your header’s class in ‘Header Class:’ option.

1. 

   Options page

2. 

   Finding element's Class Name. Right click on header that you want to make sticky, Click 'Inspect' or 'Inspect Element'.

3. 

   When element is completely highlighted, that is the element you want to make sticky... Copy it's class and paste it in the options page.

1.0