Advanced Sticky Header

Plugin Banner

Advanced Sticky Header

by danish-iqbal

Download
Description

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 danishiqbalscorpio@gmail.com

  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. <p>Options page</p>

    Options page

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

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

  3. <p>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.</p>

    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.

Doesn't work with WP 5.2

By Toxic (A.V.K) on August 22, 2019

Plugin no work with WP 5.2.

This worked excellent for me.

By swapnil1234 on October 27, 2016

Hi, Thank you for this plugin. It has been a good help to me for my project. It worked fine exactly what I was looking for. Thank you

1.0

Back to top