OceanWP Sticky Header 2.2.4

Version
2.2.4
Updated
May 20, 2026
Developer
Report
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.
$59.00 $1.97 -97%
Add to cart
Instant download after purchase ClamAV scanned · Clean
All-Access Membership

Make your site exactly what you imagine.

Change themes. Try new plugins. Experiment until it feels right. With full access to 20,400+ tools, you're free to build without limits.

  • 🖌️ Professional design: Give your store or blog a unique look.
  • More conversions: Use templates and plugins built to sell.
  • 🔄 Experiment freely: Switch themes and try new tools without extra cost.
  • 👶 Beginner-friendly: No experience needed—just pick and activate.
  • 📈 More downloads: Get up to 20 items daily instead of just one.

Everything included

$6.97/mo

Cancel anytime

Start building freely →
Items available 20,400+
Daily downloads up to 20
Happy customers 11,000+

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.