Elementor Sticky Header Template

Note:

1. All the Custom CSS is 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 or cannot 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 container height, logo, button, and WordPress Menu(previous- nav menu).

You can follow my tutorial on how to download and insert the Elementor sticky header template.