In this documentation, we will show you how to use the Section Sticky Extension presented by Element Pack Pro.

Activate Section Sticky Extension

Go to Element Pack Pro > Extension

1. Select the Extension tab on from Element Pack Pro Dashboard.
2. Search by the extension name ” Section Sticky ” and it will appear the extension.
3. Enable the switcher to activate ” Section Sticky ” extension.
4. Click on the ” Save Settings ” button.

Find the Section Sticky

It will found on the edit container advanced tab,

1. Click on the ” Edit Container / Six Dot ” it will appear the container controls.
2. Go to Advanced Tab of Edit Container.
3. Find the section sticky extension, Check the Element Pack logo on the left side on there.

Work with the Section Sticky

1. Enable Sticky: Enable the sticky section to make it sticky.

All the controls appear here, let’s customize it.

2. Offset: Set the offset for the section sticky.
3. Active Background Color: Set the active background color. It will appear when section is active.
4. Active Padding: Set the active padding. the changes will appear on activating the section.

5. Active Box Shadow: Set the box shadow to appear it on active of section sticky.
6. Animation: Set the animation for it. Select from the option value.
7. Scroll Until: Set the class/id to scroll until the section appear.

8. Sticky on Scroll Up: Enable the switcher to sticky on mouse scroll up.
9. Position: Set the position for the sticky.
10. Z-index: Set the z-index for the section sticky. It used to set top for the element.
11. Turn Off: Select Mobile/Tab to turn off the section sticky feature.

Video Assist

You can watch the video above to learn about the Search widget.
Please visit the demo page for examples.

Thanks for staying with us.