How to Create a Full-Screen Menu in Elementor Pro

October 18, 2021

 

Can I use Elementor Pro to recreate this custom navigation menu?

Elementor Pro:
https://wickydesign.com/get-elementor

Inspiration:
https://usehyphen.com

Download Lottie Animations:
https://lottiefiles.com

Timestamps:

  • 00:00 Intro
  • 02:28 How is the menu built?
  • 05:39 Creating an Elementor popup window
  • 15:16 Adding the social icons
  • 17:27 Styling for desktop & mobile
  • 19:00 Styling the close icon
  • 21:30 Adding Animations
  • 24:27 Publishing live & adding the header
  • 29:08 Final Design Tweaks
  • 29:27 Conclusion

*Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!

Share this post:

Facebook
Reddit
Twitter
Pinterest
LinkedIn
Email

More Free Resources