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/elemento...
✅Get Domain & Webhosting(50% off):
https://makedreamwebsite.com/bluehost
✅Get all the code snippets:
https://makedreamwebsite.com/how-to-m...
✅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.
Watch video How to make Full Width Menu in WordPress with Elementor | Elementor Full Screen Menu Tutorial online without registration, duration hours minute second in high quality. This video was added by user Make Dream Website 13 September 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 34,407 once and liked it 468 people.