OceanWP Sticky Header

Long pages push the header out of sight, and visitors have to scroll back up to reach the menu. This plugin fixes that by holding the header at the top of the screen while people move down the page. Branding and navigation links stay within reach, and the top bar can be fixed separately so contact details or social icons remain visible too.

You control how the sticky header looks and behaves. Pick a Shrink or Fixed style, choose a Slide or Show Up/Hide Down effect, set the header height during scroll, and adjust opacity, background and color. Settings can be turned on or off for individual pages and posts, and the sticky header also works on mobile devices.

Features

• Two sticky styles: Choose Shrink, where the header gets smaller as visitors scroll, or Fixed, where it keeps its full size and stays put at the top of the screen.
• Two sticky effects: Pick Slide or Show Up/Hide Down to control how the header appears and hides while visitors scroll through a page.
• Mobile sticky header: The sticky header works on mobile devices, so navigation stays reachable on smaller screens as well as on desktop.
• Custom height while scrolling: Set how tall the header becomes when it shrinks, so it takes up only as much room as your layout needs.
• Sticky scrolling logo: Add a secondary or alternate logo that appears once visitors start scrolling, so your brand stays visible in the sticky header.
• Opacity and color control: Adjust header opacity, background and color during scroll so the sticky header matches the rest of your design.
• Separate top bar fixing: Fix the top bar on its own to keep items like contact details or social icons visible while visitors browse.
• Per page and post settings: Turn the sticky header on or off for specific pages and posts, and use the manual stick option to fix chosen elements of a custom header.

Best for

• OceanWP theme sites with long, scrollable pages
• Site owners who want a persistent menu and logo
• Designers who need per-page header control