OceanWP Sticky Header

A header can scroll out of view as visitors move down a page, taking navigation and other useful information with it. This plugin keeps selected header elements accessible during scrolling. Choose a fixed header or one that shrinks, and set an effect for how it appears or hides.

Adjust the header height, opacity, background, and colors during scrolling. You can show an alternate logo, keep the top bar in view separately, and enable or disable the sticky header on individual pages and posts. Mobile sticky header options are also available for OceanWP theme sites.

Features

• Choose a sticky style: Use a fixed header that stays at its full size, or choose a shrinking style that reduces the header as visitors scroll.
• Set scroll effects: Choose a slide effect or a show-up, hide-down effect to control how the header appears and disappears during scrolling.
• Adjust scroll appearance: Set the header height when shrinking, and change its opacity, background, and colors during scrolling.
• Show another logo: Add a secondary or alternate logo that appears when visitors scroll, keeping your chosen branding visible.
• Control pages individually: Enable or disable the sticky header on specific pages and posts to set where it appears.
• Keep the top bar visible: Fix the top bar separately from the header to keep details such as contact information or social icons in view.
• Support mobile headers: Use mobile sticky header options to keep the header accessible as visitors scroll on mobile devices.

Best for

• OceanWP theme sites with long pages
• Businesses that need visible contact details
• Site owners customizing scrolling headers