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

Published: 13 September 2021
on channel: Make Dream Website

39,026

496

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...

🔥Special Offer: Get All Creative Templates:
https://templatish.com/template/all-t...

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.

On this page of the site you can watch the video online How to make Full Width Menu in WordPress with Elementor | Elementor Full Screen Menu Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Make Dream Website 13 September 2021, share the link with friends and acquaintances, this video has already been watched 39,026 times on youtube and it was liked by 496 viewers. Enjoy your viewing!