Sticky Header Settings

Full Header Sticky

1. Open the Header in the Theme Builder.

2. Click on the Post Setting (gear icon) in the top bar

3. The Post Setting panel will open on the left side

4. Scroll down to find Header Settings

5. Open the section and enable the Sticky Header toggle

6. Choose a sticky type:

   • Default Sticky → keeps the header fixed as it is

   • Smart Sticky → header hides on scroll down and reappears on scroll up

Specific Container Sticky in Header

Sometimes headers are built with multiple containers (e.g., Container A and Container B). You may want only one container (like B) to stick.

1. Click on the Post Setting (gear icon) in the top bar

2. The Post Setting panel will open on the left side

3. Scroll down to find Header Settings

4. Open the section and enable the Sticky Header toggle

5. Choose a sticky type:

   • Default Sticky → keeps the header fixed as it is

   • Smart Sticky → header hides on scroll down and reappears on scroll up

6. Now choose the container you want to keep sticky or hide when the header becomes sticky.

7. In the left panel, scroll down and click on Container Header Settings

8. You can choose between:

   • Show Only on Sticky Header → this container will appear only when sticky is enabled

   • Hide on Sticky Header → this container will disappear when sticky is enabled

This way, you can control which header containers remain sticky and which don’t.