Sticky Header for the Custom Header Type
By default, Ocean Sticky Header will make the entire header sticky. Additional options are included for the Custom Header header type, which enable you to achieve the desired design and effect on your WordPress website.
Sticky Header is an OceanWP premium feature, available with the OceanWP Pro Bundle and Ocean eCommerce Pro.
Upgrade now to get access to this and many other features, premium full website templates, dedicated customer support and more.
Ocean Sticky Header includes the following options for the Custom Header header type:
- Auto: Automatically sticks the entire header while scrolling.
- Manual: Manually stick the desired header item to which you have added the
owp-stickyclass.
For example, you created a large header with your page builder and want to make only the navigation sticky. In that case, choose Manual and add the owp-sticky class via your page builder to only stick your navigation when scrolling.
If you're using Elementor to build a custom header, edit the section you want to make sticky, go to the Advanced tab, and add owp-sticky in the CSS Class field.
Learn how to build a custom header for WordPress with Elementor and OceanWP, or check out other Sticky Header options available in the WordPress Customizer.