Elementor Design Tutorial: Create a Full Screen Menu With Text Stroke and Motion Effects

#elementor #WebDesign #Tutorial

I'm creating experiments in Elementor as a part of my inspiration process, and sharing them with you on this channel as step-by-step tutorials, with JSON files free for you to use on your own projects.

--------------------------------

In this tutorial We'll be creating a Fullscreen Menu with big clean typography, Text Effects and motion effects. This Elementor Tutorial will cover creating a Header with a menu button, Creating a full screen menu using a popup and connecting them to achieve this effect.

So this is a very Good tutorial even if you just want to learn How to create a full screen menu using a popup. The stroke effect is a nice bonus :)

--------------------------------

Live Demo

Download the JSON files

CSS Code:
.stroke h2 { -webkit-text-stroke: 2px #fff; }

Inspired By:

--------------------------------

--------------------------------

Stay Inspired.

--------------------------------

[XShollaj]

For anyone suffering the problem of not closing the pop for a one page nav-menu - use this code (from Daniel1) :
<script>

document.addEventListener('DOMContentLoaded', function() {

jQuery(function($){

$(document).on('click', '.elementor-location-popup a', function(event){

{}, event);

});

});

});

</script>

[sibusisonengovhela]

This page is underated!!!

There are things that took me a year to figure out that you've just shown in 40 min of THANK YOU, THANK YOU, THANK YOU!!!

[milkbottleben]

to the point tutorial, so refreshing to see mate, thanks so much for taking the time to do it

[wangteufel]

Dude! This is the best tutorial advanced video I have seen so far. Keep teaching us pls! U are the best!

[sjdbfosuhfouehu]

awesome video, good vibes man. keep killing it

[konstantinaeleutheriampogi]

Very good work Mordi, thank you so much for this!!

[Jebesniper]

Thank you so much! Appreciate the tutorials. Subbed :)

[laurianquezada]

Thank you for much for making this tutorial, I was having so much trouble trying to find a way to make something like this and now this is going onto my portfolio site! Thank you again!

[nodedim]

I see why you got inspired by it - amazing website 😮 as always, awesome tutorial ❤️

[justyourdesign]

Genial tutorial !! Super bien amigo gracias.. Saludos desde Ecuador

[gsmarina_]

you just saved my life, THANK YOU VERY VERY VERY

[JimmyZno]

Great tutorial, finally can do fullscreen menus, many thanks!

[abdullahabdurrehman]

It's amazing Sir. Really very easy and simple tutorial, all clearly explained

[PeppeGiardina]

Hi!
I created a menu using this tecnique but, sometimes, after clicking the menu icon the popup opens totally blank...any help?

[XShollaj]

Great video man! Hope the algorithm helps your channel grow fast

[SonsareZ]

I love this channel! So much value, thanks alot

[shaghayeghmomeni]

thank you so much. this learning was so helpfull

[milkbottleben]

You are awesome!! I can only give this thumbs up once unfortunately, I'd give more if I could

[adityaarsharmapersonal]

Gem for Elementor ❤️ thanks for your awesome channel keep pushing such awesome content

[carlsabom]

Hey man! Great video, just wondering if there's anyway to do this kinda thing with dropdown menus? Where u press "works" for example and then some other titles drops down? idk if that's makes sense