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

Publié le: 13 septembre 2021
sur la chaîne: 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.


Sur cette page du site, vous pouvez voir la vidéo en ligne How to make Full Width Menu in WordPress with Elementor | Elementor Full Screen Menu Tutorial durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Make Dream Website 13 septembre 2021, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 39,026 fois et il a aimé 496 téléspectateurs. Bon visionnage!