The Sticky extension in Wow Elements allows you to keep sections, containers, or widgets fixed on the screen while users scroll through the page without any coding. It helps improve navigation, visibility, and user engagement by keeping important content such as headers, menus, buttons, or call-to-action sections always accessible. With flexible positioning controls and responsive customization options, you can easily create smooth and interactive sticky effects for your Elementor website. In this documentation, we will guide you through how to use and customize the Sticky extension in Wow Elements.
Enabling the Sticky Extension #
To use the Sticky Extension from Wow Elements Pro, first, you have to enable the extension.
- Go to WordPress dashboard → Wow Elements Plugin dashboard.
- Then, Click the Extension Tab.
- Search the Sticky Extension Name.
- Enable the Sticky Extension.
- Hit the Save Settings Button
Where To Find Sticky Extension #
To find the Sticky Extension, you must need to select the element where you want to use the extension. As we are using it on Mega Menu, so we have selected the mega menu widget. let’s see the steps –
1. Click on the Element where you want to apply the sticky extension.
2. Now, move to the Advanced Tab.
3. You will find the Sticky extension here along with the Wow Elements logo.
Configuring the Sticky Extension #
1. Enable Sticky: Enable the switcher to set the sticky options. Please note that if you use this sticky feature then you need to avoid using the Elementor Pro sticky feature so no conflict issue happen.
2. Offset: You can adjust the offset for the sticky element with this option.
3. Active Background Color: You can make changes to the sticky element background active color with this option.
4. Active Padding: You can adjust the inner space of the sticky element with this option.
5. Active Box Shadow: You can add a shadow effect to the sticky element when it’s active with this option.
Preview: #
Please take a note that you won’t get a visual of the sticky extension when it’s on editor. You need to publish it and see the output in preview. Here, we have showed you the example where you can see the offset, active background color, active padding and active box shadow.
6. Animation: You can set the animation style of the sticky element appearance with this option.
7. Scroll Until: You can set the position for the sticky element in where you want to stop it to being sticky with this option.
8. Sticky on Scroll Up: Enable the switcher to make the element sticky when it will scroll up by mouse wheel.
9. Position: You can make the element sticky to the top of the viewpoint with this option. You can set the position option to use a different position.
10. Z-Index: You can set a value of the Z-Index to appear the sticky element on top of every other elements.
11. Turn Off: You can select the device where you want to turn off the sticky effect.
Final Preview of Sticky Extension #
Here, you can see the changes that we have made with the Sticky Extension.
All done, You have successfully customised the Sticky Extension on your website.
Video Assist #
You can also watch the tutorial video about the Sticky Extension. Please visit the demo page for examples.
Thanks for staying with us.
