OceanWP Sticky Header 2.2.4
OceanWP Sticky Header helps you pin the header to the top with smooth animation, improving navigation on every page. Tailor sticky behavior for desktop and mobile with two styles and effects, logo and height changes on scroll, and adjustable opacity and colors. A lightweight WordPress plugin that's easy to use and integrates smoothly.
Description
OceanWP Sticky Header is a lightweight WordPress plugin that keeps your site header pinned to the top of the screen while users scroll. With smooth animation, it solves a common navigation issue: important menus and actions stay reachable without forcing visitors to jump back to the top.
Designed to work with OceanWP and other WordPress themes, it integrates cleanly with Elementor-based layouts, template kits, and custom header setups. You can tailor sticky behavior separately for desktop and mobile, then fine-tune the visual changes as the page scrolls.
Main Features
- Manual sticky behavior — Supports sticking manually for the Custom Header style.
- Fixed top bar — Keeps the header positioned at the top of the viewport during scroll.
- Sticky mobile option — Adds sticky behavior for mobile layouts as well.
- Two sticky styles — Choose a desktop/mobile look that matches your theme design.
- Two sticky effects — Apply different transition effects while the header activates.
- Header shrink height controls — Set the header height during scroll for the shrink style.
- Logo-on-scroll — Enable logo changes when scrolling to maintain brand visibility.
- Logo shrink height controls — Set the logo height during scroll for the shrink behavior.
- Opacity tuning — Adjust header opacity during scroll for readability.
- Background and color changes — Customize background and color as the header moves.
Benefits
- Better navigation — Persistent menus improve usability on long pages.
- Improved UX clarity — Logo and height adjustments keep the header legible as content changes.
- Higher engagement — Visitors can access key links without extra scrolling effort.
- Clean visual transitions — Sticky effects and smooth animation reduce abrupt layout changes.
- Consistent design — Opacity, background, and color controls help match your site’s theme style.
- Theme-friendly setup — Integrates well with custom header patterns and Elementor layouts.
Who is it suitable for?
- WooCommerce storefronts with long product and category pages.
- Blogs and magazine sites that rely on ongoing navigation while reading.
- Agency websites using Elementor and reusable template kits.
- Landing pages where sticky access to CTAs can reduce friction.
- Portfolio and corporate sites that need a consistent header experience.
- Any WordPress site that wants responsive sticky header control for desktop and mobile.