Elementor Sticky Header Template

Note:

1. All the Custom CSS are located in the Header/ Container - Custom CSS Area including Responsive & with auto-prefix settings.
2. If you have Elementor's essential plan and do not have access to custom CSS and are unable to find the CSS. Please contact me.
3. If you haven't converted your Section to the Container yet. You can buy the template and contact me so I can build it for you (I might add the section JSON later)

Header's capabilities when motion effects apply-

1. Change the Transparent header to a sticky header.
2. Change the color of the transparent header's background on Scroll.
3. Swap/ change the Logo on the User Scroll.
4. Change the WordPress Menu (Previously Nav Menu) color when the User Scrolls
5. Reduce the height of the container, logo, button, and WordPress Menu(previous- nav menu).

Follow the step-by-step on how to import the JSON file:

1. Enabled the Flexbox Container Features

Elementor > settings > features > activated the flexbox container ( the screenshot is outdated the path is correct)

• Hover your mouse over the Elementor panel or Click the Elementor
• Select the Settings inner panel
• Select the Features tab and find the Flexbox Container under ongoing Experiments
• Set the flexbox container to active.

2. When you 'view the content' in your email or after the purchase. Download the JSON file (image below)

3. After you've downloaded the JSON file, head over to Elementor's Theme Builder and create a Header template as soon as it opens the library click the import button and import the JSON file you have downloaded from my store.

4. After you upload the JSON file to the Elementor library, click the "creation date" to sort the template to the newest

Insert and done.

If you have an issue uploading. Please contact me or share DM on Facebook, I will be happy to assist you in no time.