Sticky Header on Scroll is a super easy way to add a scroll-then-fix header to your WordPress website. Having an animated fixed header after scrolling down is becoming a wildly popular navigation method and now you can add one to your site without having to switch themes or alter your current theme in any way.
Simply install the plugin and your WordPress site will immediately have a fixed sticky header when scrolling, complete with menu and logo positions, share buttons on posts etc.
Sticky Header on Scroll is fully responsive, ensuring a comfortable browsing experience on all devices and screen sizes. And thanks to the flexibility of the included customization options, you can make sure the sticky header fits well into any theme.
Please be sure to visit the demo site here to see a live example of Sticky Header on Scroll.
Features
- Header:
- Appears after user scrolls down
- Alternative ‘Slim’ design
- Customize header height
- Customize appearance distance
- Add background image (pattern or full size, set custom opacity)
- Change background color
- Change background opacity
- Dropdown menu:
- Add custom button label (optional)
- Customize all colors
- Optionally hide
- Logo:
- Display as text or upload logo image
- Customize logo size
- Customize all colors
- Optionally hide
- Post title display:
- Customize all colors
- Displayed on blog posts
- Enter custom prefix (or have none at all)
- Optionally hide
- Share buttons:
- Displayed on blog posts
- ‘Next post’ button:
- Customize all colors
- Displayed on blog posts
- Optionally hide
- Misc:
- Optionally display the floating header at specified resolutions only (useful if you’d like to show it desktop but hide on mobile)
- Hide your existing theme header by class/ID
- Live Customizer integration (make changes and preview them in real-time)
- Fully responsive from desktop all the way down to mobile screens
- Clean and well-marked code
- Thoroughly tried and tested across a range of devices
- Proven author with fast and friendly support
- Lifetime free updates
- Jargon-free documentation
Changelog
UPDATE 1.2 - Added more social sharing options (next to Facebook and Twitter, there are now also the Google+, LinkedIn, StumbleUpon, and e-mail options) - Added option to hide share buttons - Changed dropdown menu's default appearance
UPDATE 1.1 - Added option to hide theme header (or any other element for that matter) by class/ID - Added option to customize header height - Added slim design option - Added option to add a background image to header --- display as pattern or full size --- control image opacity - Added option to customize the label above the post title display or not show it at all
[eltd_button size=”huge-full-width” type=”outline” text=”Download & Demo Links” custom_class=”#” icon_pack=”font_awesome” fa_icon=”” link=”” target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Demo = Sticky Header on Scroll for WordPress
[eltd_button size=”huge” type=”” text=”Full Live Demo” custom_class=”” icon_pack=”font_awesome” fa_icon=”fa-laptop” link=”https://codecanyon.net/item/sticky-header-on-scroll-for-wordpress/20259567″ target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy Sticky Header on Scroll for WordPress from the The Developer ( BonfireThemes ) website. Thank you.
Download = Sticky Header on Scroll for WordPress-[Updated].zip
