If you’re using Elementor Pro, you can take your sticky headers to the next level! With WDesignKit, you get access to header templates designed specifically for Elementor Pro users. These templates work seamlessly with the Sticky Header Effects for Elementor plugin to give you stylish, functional, and fully customizable sticky headers.
To check the complete feature overview documentation of Sticky Header Effects for the Elementor plugin, click here.
Requirement – This feature is a part of Sticky Header Effects for Elementor plugin, make sure its installed & activated.
Make sure the Elementor Pro plugin is installed and activated, then follow the steps –
1. Once you install the Sticky Header Effects for Elementor plugin, from the Dashboard, go to Elementor > Sticky Header Effects.
It will start the onboarding process.
2. Since you have the Elementor Pro version, it will auto-detect and then click on the Next button.
3. On the next screen, you can subscribe to the newsletter or skip.
4. After that, click on the Create Header button. It will create a header template with Elementor Pro.
5. On the next page, click on the Enable Header Templates button it will install the WDesignKit plugin, which will allow you to use header templates.
6. Then you’ll see many pro header templates created using the Elementor Pro widgets. Select the template you like and click on the download icon, and the template will be added to your page.
7. Once done, select the main Container widget of the header, then go to the Advanced > Sticky Header Effects tab and turn on the Enable toggle; this will create a sticky header.
Note: You can also import header templates from the Sticky Header Effects tab by clicking on the Import Presets button.
You can adjust the sticky header as per your requirements from the settings.
8. Once done, click on the Publish button and then set the display condition as per your requirements.
This is how easily you can create a sticky header using templates for the Elementor Pro plugin.
