Peter
You’ll need Elementor Pro. You’ll also need an already-made header or a section to add your animated toggle icon.
In your Elementor dashboard, go to the Templates area and click on Theme Builder. As I mentioned earlier, you should have an already made hero or section, which you should be opening up here.
01
By default, when you use the Elementor Navigator Widget you get that kind of toggle hamburger button which you can style any way you want.
The Lottie icon is now there in the header but now it needs to be animated. To do this:
02
Go back to the editor and select the Lottie icon, under Content go to settings then go to Trigger; choose to trigger on hover (from the dropdown options). This will animate the icon every time you hover over it. You also have the option to set it to animate on click if you want.
What I want to show you in this tutorial is to be able to learn to use a lottie animation to create an animated toggle hamburger icon, and then set your toggle hamburger to animate either on hover or on click.
Check out more on this story on the link below.