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/
🔥Special Offer: Get All Creative Templates:
https://templatish.com/template/all-templates?v=49&t=all
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.
