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 cannot find the CSS.
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 container height, 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 download the JSON file, go to Elementor's Theme Builder and create a Header template. As soon as the library opens, click the import button and import the JSON file you 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 a direct message on Facebook. I will be happy to assist you quickly.