How to make Full Width Menu in WordPress with Elementor | Elementor Full Screen Menu Tutorial

In this Elementor Full Screen Menu Tutorial, I'll show you how to make Full Width Menu in WordPress with Elementor.

✅Get Elementor Pro:
https://makedreamwebsite.com/elementor-pro

✅Get Domain & Webhosting(50% off):
https://makedreamwebsite.com/bluehost

✅Get all the code snippets:
https://makedreamwebsite.com/how-to-make-full-width-menu-in-wordpress-with-elementor/

✅Get creative templates on my Template Shop:
https://templatish.com


You don't need a full page menu plugin to create a full screen menu. Today I will show you how to make a full width menu in Elementor. First, I have created a header using the Theme builder. But, to use the theme builder option, you have to have both Elementor and Elementor Pro.

I have added the hamburger menu in that header. Then, I have created a new section for the fullscreen menu. Then, inside that section I add a navigation menu and some social icons. Then we also add some custom code inside HTML widget to make it work.

By using 2 divider widgets, we also create a close button at the corner. And then we also add some custom CSS code to make the underline animation for each menu item and to create the fade animation.

After that, I make the menu responsive for tablet and mobile devices. We use the Elementor responsive option to include the phone number only for the full screen mobile menu.

If you want more tutorial like this Full Screen Menu tutorial, like this video and subscribe to this channel.