Advanced Sticky Header Options

Header Class:

Enter class name of your header or nav element that you want to make sticky. e.g. site-header
Animate: />

This brings header into display with animation type that you select below, default is 'Fade In'.
Animation Type: />Fade In          />Slide Down

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
Full Width: />

Makes header full width when it's sticky.
get_option('ash_wp_header_class'), 'animate' => get_option('ash_wp_header_animate'), 'shadow' => get_option('ash_wp_header_shadow'), 'transitionStyle' => get_option('ash_wp_header_animation_type'), 'stickyAlready' => get_option('ash_wp_header_sticky_already'), 'fullWidth' => get_option('ash_wp_header_full_width') ); } function ash_wp_enqueueAssets() { wp_enqueue_script('jquery'); wp_register_script('ash_wp_plugin_library', plugins_url('js/ash-wp-sticky-header.js', __FILE__), array('jquery'), '', true); wp_register_script('ash_wp_custom_script', plugins_url('js/ash-wp-custom.js', __FILE__), array('jquery'), '', true); wp_enqueue_script( 'ash_wp_plugin_library' ); wp_enqueue_script( 'ash_wp_custom_script' ); wp_localize_script( 'ash_wp_custom_script', 'ash_wp_localized_vars', ash_wp_localize_vars()); } add_action( 'wp_enqueue_scripts', 'ash_wp_enqueueAssets' );