Sticky header extension for OceanWP theme with scroll-triggered effects
OceanWP Sticky Header
OceanWP Sticky Header adds a fixed navigation header to OceanWP theme that remains visible while scrolling with customizable styles, animations, and shrink effects.
Included with purchase:
- 100% GPL Licensed
- Lifetime Updates
- Technical Support
- Instant Download
Download for Free
Get this product and unlock 4,000+ premium plugins & themes for just $15.00/month.
What is OceanWP Sticky Header?
OceanWP Sticky Header is an addon that adds fixed navigation with scroll-triggered effects, shrink animations, and customizable styling to OceanWP WordPress theme. Available at PluginTheme.net with instant download and GPL license.
Key Features
Fixed Navigation
Header stays visible at top of viewport during page scrolling
Shrink Effect
Header reduces size smoothly as visitors scroll down
Custom Styling
Different colors, opacity, and shadow for sticky state
Logo Swap
Switch between regular and compact logos when header becomes sticky
Who is this for?
Pros
- Keeps navigation accessible during page scrolling
- Smooth shrink effect for minimal header on scroll
- Customizable sticky state with different colors and sizing
- Logo swap between regular and sticky states
- Lightweight CSS-based animations for performance
Cons
- •Requires OceanWP theme as a dependency
- •Sticky header reduces content viewport space on smaller screens
- •May conflict with other sticky header plugins
Product Description
OceanWP Sticky Header is a companion addon for the OceanWP theme that adds sticky header functionality. The header remains fixed at the top of the viewport as visitors scroll down, keeping navigation always accessible.
Sticky Features
- Fixed header that stays visible during page scrolling
- Shrink effect that reduces header size on scroll
- Custom background and text color for sticky state
- Logo swap between regular and sticky versions
- Configurable scroll offset before sticky activates
Style Options
The sticky header can have different styling from the static header, including background color, opacity, shadow, and logo size changes. This creates a visual transition as the page scrolls.
Performance
The sticky header implementation is lightweight, using CSS transitions for animations instead of JavaScript-heavy approaches, ensuring smooth scrolling performance across devices.
Our Verdict
PluginTheme Team
Expert Reviewer
A clean implementation of sticky header for OceanWP users. The shrink effect is smooth and the CSS-based approach keeps performance consistent.
