In this video, I'll show you how to make this INCREDIBLE Animated Side Menu in your Elementor website and design a WordPress Advanced Navigation.
✅Get Elementor Pro:
makedreamwebsite.com/elemento...
✅Get code snippet for Animated Side Menu:
makedreamwebsite.com/make-thi...
✅Get this as Ready Template (✨1 CLICK INSTALL✨):
templatish.com/template/eleme...
This is not just an usual hamburger menu. When you click on the button, here is an incredible animation. You can see the cool transition of the button and the items. Also here are some nice hover effect with arrows and underlies.
If you want, you can get this as a ready made template from my template shop. Here as a bonus, you'll get total 4 versions. And all of them are supported for the container and non-container versions. But, if you don't want these ready popup navigation, you can also start it from scratch.
First, you need to create a sticky container inside your header. On the left, put a logo and on the right, we need 2 button widget for the button texts.
Let's take another new container for the main nav and put the icon list widget inside that. We have also designed thin customised icon with each of the item so when you hover on these, you can see those icons.
At the bottom, we also add social links with an underline hover animation. Finally, we have added some classes with some of the elements and add the custom code.
Lastly, we make it responsive for the tablet and mobile devices.
So, that's how you can design this creative and cool navigation in your WordPress website. If you enjoy this tutorial, don't forget to like and subscribe.