Sticky Header

Sticky Header

A simple extension to attach the header at the top of your screen with an animation.

Key Features

  • Stick manually, perfect for the Custom Header style
  • Fixed the top bar
  • Add sticky mobile
  • Choose between two sticky styles
  • Choose between two sticky effects
  • Enter the height of the header during scroll for the shrink style
  • Add logo when scrolling
  • Enter the height of the logo during scroll for the shrink style
  • Choose the header opacity during scroll
  • Choose the background and color during scroll

Screenshots

Changelog

Version 1.1.6
  • - Fixed: Jump header issue on Android.
Version 1.1.5
  • - Added: New fields in the Sticky Header tab of the OceanWP Settings metabox to disable the sticky top bar and header per page/post.
  • - Added: Spanish language, thank you to Angel Julian Mena.
  • - Deleted: Admin notice if OceanWP is not the theme used.
Version 1.1.4
  • - Fixed: Shrink logo is manual sticky.
  • - Fixed: Capabilities issue in the metabox.
  • - Deleted: sanitize_callback in the Sticky Logo field to allow you to add SVG logo.
Version 1.1.3
  • - Fixed: Menu social issue.
Version 1.1.2
  • - Added: Sticky tab in the OceanWP Settings metabox.
  • - Added: Options in Sticky tab to add a different sticky logo and retina sticky logo per page/post.
  • - Added: Options in Sticky tab to add a different shrink sticky logo height per page/post.
  • - Added: Options in Sticky tab to add a different parent menu items color per page/post.
  • - Tweak: Better approach for the slide sticky effect.
  • - Tweak: Better approach for the shrink logo effect effect.-Fixed: JS issue if no top bar.-Fixed: JS issue if no top bar.
  • - Fixed: JS issue if no top bar.
Version 1.1.1
  • - Fixed: JS error if no header wrapper.
Version 1.1.0
  • - Added: New field that allow you to fix manually an element of your header, perfect if you have created a big header and you only want fix the navigation when scrolling. Learn more: http://docs.oceanwp.org/article/460-sticky-header-for-the-custom-header-style
  • - Added: Two sticky effects, Slide and Show Up/Hide Down.
  • - Tweak: Big improvement of the JS code.
  • - Tweak: Default max height added to the logo for the shrink sticky style, so if your logo is too small, increase the max height in the Header > Logo section of the customizer.
  • - Fixed: Sticky retina logo alt tag.
  • - Fixed: Issue with the navigation on the Top Header style.
  • - Fixed: Issue on Iphone and Ipad.
Version 1.0.13
  • - Fixed: Top bar sticky class error.
Version 1.0.12
  • - Fixed: Shrink logo with the medium header style and the sticky menu enabled.
Version 1.0.11
  • - Fixed: Logo shrink on the Fixed style.
Version 1.0.10
  • - Added: French translation, thanks a lot to Jean of freepixel.net.
Version 1.0.9
  • - Fixed: Double sticky logo on retina screen.
Version 1.0.8
  • - Fixed: Customizer options issue.
Version 1.0.7.1
  • - Added: All sanitize_callback for the customizer options.
Version 1.0.7
  • - Added: Images control to add a logo when scrolling.
  • - Fixed: Issue with the shrink effect on the retina logo.
  • - Tweak: Some customizer options.
Version 1.0.6
  • Tweak: Improved padding fields in the customizer.
Version 1.0.5
  • Support OceanWP 1.1.
Version 1.0.4
  • Checkbox option added to remove the shadow of the header when scrolling.
  • Slider option added to add a top and bottom padding at the header when scrolling.
  • Color options added to customize the header when scrolling.
Version 1.0.3
  • Logo class added in the js file for the center header style.
Version 1.0.2
  • CSS added for the full screen header style.
Version 1.0.1
  • Removed ocean_obj() function, no longer used.
Version 1.0.0
  • Initial Release
[i]
[i]
[i]
[i]