Sticky Header for the Custom Header Style

Since version 1.0.2 of the Ocean Sticky Header extension, a new option specially designed for the Custom Header style has been added.

Two options are available for this field:

  1. Auto: Automatically stick all your header when scrolling.
  2. Manual: Manually stick the item where you have added the owp-sticky class.

Let's take an example, you have created a large header with your page builder and you want only stick your navigation. The problem is that the Ocean Sticky Header extension stick automatically all your header when scrolling and that will hide the top of your website. Now, with this new option, you will just need to choose Manual on the Sticky field of the customizer and add the owp-sticky class via your page builder to only stick your navigation when scrolling. As I did on this demo:

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.