<span itemprop="name">Sticky Header</span>

Sticky Header

Attach an eye-catching header at the top of your website pages.

Key Features

  • Stick manually, perfect for the Custom Header style
  • Fixed the top bar
  • Add sticky mobile
  • Choose between two sticky styles: Shrink or Fixed
  • 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.11
  • - Fixed: Issue with the logo when scrolling.
Version 1.1.10
  • - Fixed: Shrink effect issue.
Version 1.1.9
  • - Added: Polish translation, thanks to Fin Fafarafiel.
Version 1.1.8
  • - Fixed: Logo that disappears on the Center header style.
Version 1.1.7
  • - Added: Function to enable/disable the sticky header via a child theme.
  • - Fixed: Sticky issue on resize and orientation change.
  • - Fixed: Mobile logo shrink who disappear.
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: oceanwp.org//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

Download just a click away

Just fill out the form below to download the best theme you’ve ever tried