Make this INCREDIBLE Animated Side Menu in Elementor | WordPress Advanced Navigation Menu Design

  Рет қаралды 26,798

Make Dream Website

Make Dream Website

2 ай бұрын

In this video, I'll show you how to make this INCREDIBLE Animated Side Menu in your Elementor website and design a WordPress Advanced Navigation.
✅Get Elementor Pro:
makedreamwebsite.com/elemento...
✅Get code snippet for Animated Side Menu:
makedreamwebsite.com/make-thi...
✅Get this as Ready Template (✨1 CLICK INSTALL✨):
templatish.com/template/eleme...
This is not just an usual hamburger menu. When you click on the button, here is an incredible animation. You can see the cool transition of the button and the items. Also here are some nice hover effect with arrows and underlies.
If you want, you can get this as a ready made template from my template shop. Here as a bonus, you'll get total 4 versions. And all of them are supported for the container and non-container versions. But, if you don't want these ready popup navigation, you can also start it from scratch.
First, you need to create a sticky container inside your header. On the left, put a logo and on the right, we need 2 button widget for the button texts.
Let's take another new container for the main nav and put the icon list widget inside that. We have also designed thin customised icon with each of the item so when you hover on these, you can see those icons.
At the bottom, we also add social links with an underline hover animation. Finally, we have added some classes with some of the elements and add the custom code.
Lastly, we make it responsive for the tablet and mobile devices.
So, that's how you can design this creative and cool navigation in your WordPress website. If you enjoy this tutorial, don't forget to like and subscribe.

Пікірлер: 216
@lethabomashike
@lethabomashike 2 ай бұрын
I actually started following this channel because of the GSAP content....Please give us more GSAP and elementor content.
@trungduchua1786
@trungduchua1786 Ай бұрын
I turned on all the notification setting I could for this channel!
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
Glad you like it so much!
@ElementoryMyDearWatson
@ElementoryMyDearWatson 2 ай бұрын
Bravo, really clever, I am looking forward to trying this. Also giving us the code is very generous of you. Many thanks indeed.
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
You're very welcome!
@Fransyy
@Fransyy 2 ай бұрын
Great job, implementing GSAP will definitely boost your channel. Amazing work buddy
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
You're welcome!🥰
@yourlocalhuman3526
@yourlocalhuman3526 2 ай бұрын
What's gsap?
@Dr.JayPrasad7
@Dr.JayPrasad7 27 күн бұрын
Omg , Incredible man. Love it. you did a great work.
@MakeDreamWebsite
@MakeDreamWebsite 27 күн бұрын
Thank you so much!
@arpitbrandings
@arpitbrandings Ай бұрын
this is so good man! thanks a lot! just purchased your 2 assets!!
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
Glad you like them!
@thatdudepaco
@thatdudepaco 2 ай бұрын
Beautiful one! Thanks for sharing
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
You're welcome!
@UrbanDukeRiderFiru
@UrbanDukeRiderFiru 11 күн бұрын
it's awesome thank you!! For valuable content.
@MakeDreamWebsite
@MakeDreamWebsite 11 күн бұрын
You’re welcome!
@judechiji6552
@judechiji6552 2 ай бұрын
Awesome! Thank you
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
You're welcome!
@thewebstylist
@thewebstylist 2 ай бұрын
You are THE MAN!! 🎉✨🙌🏻⚡️💻📱👏🏻💯
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
🙏🙏😊🙌
@visualmodo
@visualmodo 2 ай бұрын
Truly good work!!!!
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Thanks 🙏
@matiasleandrobalbi7147
@matiasleandrobalbi7147 2 ай бұрын
just one word, wooowwww. Thank you..
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Thanks a ton!
@elementhow691
@elementhow691 2 ай бұрын
Great work. Looks fantastic! And you could even consider adding a few extra lines of code to make it accessible with :focus management, and aria-extended="true" / "false" and aria-hidden="true" / "false". That would really make it stand out! Cheers!
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Thanks for the tips!
@delst8432
@delst8432 Ай бұрын
Absolutely love your content. Notifications are ON! Great job!!😍
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
Glad you like it!
@andreea00
@andreea00 Ай бұрын
A M A Z I N G!!! Thank you!
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
You're welcome!
@frano.7570
@frano.7570 15 күн бұрын
You explain very well, teach incredible things and do an exceptional job. Congratulations, I have learned a lot with you
@MakeDreamWebsite
@MakeDreamWebsite 15 күн бұрын
Thank you so much!😇
@MinosegMegbizhatosag
@MinosegMegbizhatosag Ай бұрын
Nagyon jó...Kérlek még készíts ilyen videó.
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
Szívesen! igen, teszek közzé további videókat.
@rafaelfernandes8746
@rafaelfernandes8746 2 ай бұрын
Wowww, you should post daily videos!!!
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
I will try!
@daliprane1711
@daliprane1711 2 ай бұрын
Hello, thank you for this tuto. It works perfectly for me, except may be the logo who disapear brutaly (not fade). Thank's a lot!
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
You can email me...
@wpresswizard
@wpresswizard 5 күн бұрын
Good Job man Keep going
@MakeDreamWebsite
@MakeDreamWebsite 3 күн бұрын
Thanks 🔥
@uifry
@uifry 2 ай бұрын
Great Job :)
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Thanks!
@ncszone6512
@ncszone6512 Ай бұрын
You are the best
@hichameham4124
@hichameham4124 Ай бұрын
thank you so much. please I would like to see a cideo about making forms for orders
@talatnomanqurashi672
@talatnomanqurashi672 2 ай бұрын
Your videos are so educational! You have a real talent for explaining complex ideas in an easy-to-understand way. Your content is so informative and well-researched. I always learn something new from your videos. Thank you for sharing your knowledge with us! Your videos are a great resource for anyone looking to learn about [topic]. You have a real gift for teaching through video. Your channel is a must-watch for anyone interested in [topic]. I appreciate all the hard work you put into making such informative videos. Your dedication to providing accurate and helpful information is inspiring.
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Thank you so much for such appreciation. That inspire me more!
@MeenaChandrakar-fw7gr
@MeenaChandrakar-fw7gr 2 ай бұрын
thank you❤
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
You're welcome 😊
@AllenLu
@AllenLu 2 ай бұрын
ok this is good... something with gsap we love it
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Thank you so much!
@fabrictexture4767
@fabrictexture4767 2 ай бұрын
Nice
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Thank you!
@nigelstork8689
@nigelstork8689 Ай бұрын
Awesome Tutorial. I'm learning alot of new tips and trick about Elementor for you. May I know what theme do you use for you sites to build with elementor? is it the default elementor "Hello Theme" or the Default WordPress Themes?
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
You can use hello theme or other themes, but I used astra theme.
@olayinka-ajibsjoshua5776
@olayinka-ajibsjoshua5776 2 ай бұрын
Awesome for mobile, bad practice for Desktop version, overall W
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Thank you for your feedback!
@lorenzogrouw2365
@lorenzogrouw2365 2 ай бұрын
Suggestion: Can you make a tutorial about making a Poll in Elementor pro, so it's possible to add it in a Gutenberg blog post? Really love your videos btw, you're a absolute hero
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
If you want it to support on Gutenberg blog then it needs to be made as Gutenberg block or shortcode, as Elementor widget or section is not supported on Gutenberg blog. Thank you for your appreciation btw.
@SnakePrzeZ
@SnakePrzeZ 7 күн бұрын
Great stuff! I only have a problem with the fact that when the menu is hidden, it still somehow covers the logo. I can see the logo, but I can't click on it as a link. However, when I move the menu lower, the logo becomes clickable. Where is the problem? Once again, great job! You have talent!
@MakeDreamWebsite
@MakeDreamWebsite 3 күн бұрын
I think the issue is related to z index. Try to make the z index of the logo to 1000 hope it will work.
@LuciousKage
@LuciousKage 14 күн бұрын
Do you have any video about conditional forms for elementor? I dont use elementor pro i use free version, and it seems like there are not many sources showing free method of adding conditions to Forms. ( well there are, but are complicated) Its very useful feature, so i though maybe you did already video about it.
@RaiPolo
@RaiPolo 3 күн бұрын
Subscribed. I love this menu. What would I need to change in the code to apply this in divi?
@MakeDreamWebsite
@MakeDreamWebsite 3 күн бұрын
Thank you! Actually the code snippet is specifically made for Elementor. To get the same result on Divi, you can use the similar logic from the code snippet but that code snippet will be different for Divi. I recommend you to contact a JavaScript developer who can made it for you and you can give him/her this video as a reference.
@RaiPolo
@RaiPolo 3 күн бұрын
@@MakeDreamWebsite thanks
@strikie05
@strikie05 6 күн бұрын
Thanks for the great work! I built it via your video, but I bought the template to support your good job too. I had a question. For mobile, I would like to reduce the width of the menu when it opens, so it does not take the whole width of the screen but only 50% instead (so you can still see the left part of the screen). Which part of the code should I modify to achieve that?
@MakeDreamWebsite
@MakeDreamWebsite 3 күн бұрын
You can email me. I’ll customise it for you!
@sunsetstudioz
@sunsetstudioz 23 күн бұрын
PLEASE I BEG YOU TO COME UP WITH COOL PAGE TRANSITION TURTOLIAL☺
@hectordiaz1434
@hectordiaz1434 2 ай бұрын
Hi there, thanks for the great tutorial. I've followed the instructions step by step, however it didn't work as it should. The Menu button shows correctly, but when click on it it changes but does not shows the menu container neither the close button. Any advise? By the way does this header works with Elementor flex containers? Thanks in advance
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Most probably you have done any mistake or do the wrong structure. Can you please check again? Yes, it’s made with flexbox container.
@itschestie
@itschestie Ай бұрын
I'm having this same issue
@DillonMcKergan
@DillonMcKergan Ай бұрын
Great tutorial! How would I change the arrows thickness when they appear?
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
You need to increase the icon size from that icon list widget for that
@DillonMcKergan
@DillonMcKergan Ай бұрын
@@MakeDreamWebsite Thankyou for the quick reply, I tried that first but only by a small amount. It's much bigger now thanks!!
@adidanieldm
@adidanieldm Ай бұрын
Amazing video, I follow your channel I learn too much and apply your teachings. I would like to know how I can add a submenu inside this menu? 👍
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
Thank you so much. This is made with icon list widget so it doesn’t support submenu. But, after publishing the video many people asked me about a submenu version of this. So I decided to create another one which supports submenu and add it soon with my ready template…
@arshpreetkaur6378
@arshpreetkaur6378 13 күн бұрын
can you pls upload a video on button rotating border effect so that we can apply custom css code in elementor.
@jamescartmell3000
@jamescartmell3000 7 күн бұрын
Hey - how would I make the button transparent - every time I do this, it is the colour of the container (green) I want the button before clicked to be transparent?
@MakeDreamWebsite
@MakeDreamWebsite 13 сағат бұрын
That green colour you see is not actually the buttons colour. It’s the colour of that container. During the closed menu state, that container lays down behind the button to make the animation work properly. If you want to make that transparent, you need to write some extra code for that.
@shazam23
@shazam23 2 ай бұрын
Great work! Was able to implement this, however, the arrows are the default one selected from icon list you used, and the spacing between the arrow and item name are overlapping and not hidden.
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
You can email me
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Yes, you can control them from the css options at the top lines...
@shazam23
@shazam23 2 ай бұрын
@@MakeDreamWebsite I did :)
@alexistagar
@alexistagar 2 ай бұрын
@@MakeDreamWebsite I thank you very much for the knowledge and your great ingenuity, what this comment says just happened to me, the arrows are by default those of Elementor and they do not change, and on mobile, they are not hidden, what solution would there be?
@shazam23
@shazam23 2 ай бұрын
@@MakeDreamWebsiteemailed you 😁
@hectordiaz1434
@hectordiaz1434 2 күн бұрын
Quick question, I just notice that the menu does not work on any other page but home page. Any suggestion? Thanks!
@MakeDreamWebsite
@MakeDreamWebsite 2 күн бұрын
You can email me…
@S3npai_gg
@S3npai_gg 2 ай бұрын
background overlay is not working on elementor and elementor pro like a bug how to fix? i see it once and when i refresh the page background overlay doesn't work
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Have you set it as background overlay?
@S3npai_gg
@S3npai_gg 2 ай бұрын
@@MakeDreamWebsite yes i set it as background overlay
@S3npai_gg
@S3npai_gg 2 ай бұрын
its just show nothing
@S3npai_gg
@S3npai_gg 2 ай бұрын
after one refresh
@JurijvonAgenStudio
@JurijvonAgenStudio Ай бұрын
Hey, can I change the menu & close button with a menu icon & close icon?
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
Yes you can
@Axel1665
@Axel1665 2 ай бұрын
Great Work! I bought the template at it works perfectly! I would like to add different elements in side the menu. It's that possible; heading and buttons;
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Yes, you can add as many items as you want but they won't be animated.
@Axel1665
@Axel1665 2 ай бұрын
@@MakeDreamWebsite I did that but my items are visible before i click the button. How i can make them invisible like your items?
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
@@Axel1665 I see. You can email me...
@TheAbabackar
@TheAbabackar Ай бұрын
Fantastic tuto! not a coder and super happy with the result. Now I'm trying to custom it but have not find the way yet... I would like to have my regular menu on the top with the logo and as we start scrolling down it would fade away ( like the logo in your example) and the animated button would fade in. Is that possible?
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
With your regular menu, you need to add the class hide-on-scroll
@TheAbabackar
@TheAbabackar Ай бұрын
@@MakeDreamWebsite Thanks for your answer. But how would I make the animated button from this tuto only appear when starting scrolling (is there a reveal-on-scroll action?) In my mind the idea is having a usual header that with transform in your animated button as we start scrolling
@eddiecharles9857
@eddiecharles9857 2 ай бұрын
thanks you so much. Now how can i link the menu created in your tutorial to the real menu of my website?
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
You can use the nav menu widget. But the code here is not compatible to properly work with the Nav Menu widget. For that the code need to be customised. Basically, you don't have to use the original WordPress menu. You can put your pages/other link directly from here.
@hilarypeters3943
@hilarypeters3943 2 ай бұрын
Thank you for this video, but the menu is not acting properly on the tablet version. Also, I do not want to hide the logo how do I do it?
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
At the beginning of the custom code you can see the option -hide-on-scroll. You need to make it false to disable the hide functionality. On tablet it should work fine. I think you have done something wrong.
@hilarypeters3943
@hilarypeters3943 2 ай бұрын
@@MakeDreamWebsite I have changed it to false but logo is still not showing
@gryonz
@gryonz 2 ай бұрын
Hello, excelente video! I followed the steps to the letter but I have two errors: The button does not display the text in the mobile version. The button rotates 3 times when changed, and in your video, I see that the rotation is 2.
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
You can email me. I'll have a look...
@markrids7702
@markrids7702 2 ай бұрын
Hello, great video! For some reason though the animation of the white box does not work properly on safari browser
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
I have also checked it from Safari and it works well. May be you have done something wrong. Can you please recreate it again carefully without missing any steps...
@markrids7702
@markrids7702 2 ай бұрын
@@MakeDreamWebsite Never-mind found the problem! Sorry to bother you, thank you very much again!
@adywiles5132
@adywiles5132 Ай бұрын
I've purchased your menu (great work, by the way) and installed it on my site. However, I'm experiencing an issue: when navigating around my site, the green background disappears. Any ideas on how to fix this?
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
Can you please email me. I'll have a look!
@adywiles5132
@adywiles5132 Ай бұрын
@@MakeDreamWebsite thanks :-)
@beavonmoranga9048
@beavonmoranga9048 2 ай бұрын
this is great but no ideal for menus with sub menus. or is there a way around it?
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Lot of you requested for the submenu version. So, I will add it with the template very soon!
@T981978
@T981978 2 ай бұрын
Hi thank you for this beautiful tutorial, i have a request that may be an improvement to your project if you'll be so kind to answer, i was trying to add an entrance animation to the "menu" button, but i found out that the container with the class ".mdw-side-menu", that has a overlay-background will remain visible under the Menu button, i have tried to modify your code but i was only able to hide it, setting the opacity to 0 and i am not able to show again the background-overlay, so when the menu is opened there is no background color; please would you be so kind to explain how to make this work? Thanks in advance
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Yes, that background overlay can be initially hidden while your entrance animation happens. Actually that needs some more lines of code.
@Gokuzarif
@Gokuzarif 23 күн бұрын
@@MakeDreamWebsite Can you give those lines of code. i am having the same issue
@Gokuzarif
@Gokuzarif 29 күн бұрын
The menu stops working when I preview it. I have emailed you about the issue. I hope you will help me out with the bug.
@MakeDreamWebsite
@MakeDreamWebsite 28 күн бұрын
Okay, I'll have a look
@choonah
@choonah 2 ай бұрын
Great job, thanks. However, I have purchased the file, and it actually looking a bit weird. Not as good as in the tutorial. The arrows are not initially hidden, and while logged in, paddings are distorted. The latest version of elementor and Hello theme. thanks.
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
You can email me. I'll have a look on that issue and update the code and template if needed
@choonah
@choonah 2 ай бұрын
@@MakeDreamWebsite ok
@choonah
@choonah 2 ай бұрын
@@MakeDreamWebsite what email can i email you?
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
It's contact@makedreamwebsite.com
@shreyanshkhatri2194
@shreyanshkhatri2194 2 ай бұрын
Please make video on stacking containers on scroll...
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Yes, I'll also make it very soon!
@arctictern360
@arctictern360 2 ай бұрын
After pasting the codes. The animations didn't work. The full design is visible. What do I do now ?
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Can you please check again that you have done everything right? Most probably you did mistake with the structure. Make sure it is as same as mine from the navigator panel.
@madarauchiha-xo4yb
@madarauchiha-xo4yb 4 күн бұрын
When I tried and repeated up to 3 in great detail, it was still the same and had errors when reviewing. does anyone have a solution? is this a code error or what?😅
@democoin1259
@democoin1259 4 күн бұрын
Same here also then animation couldn't work and button also not working
@madarauchiha-xo4yb
@madarauchiha-xo4yb 4 күн бұрын
@@democoin1259 Yes, I've used GPT chat to check whether the HTML structure is the same as in the video or not. It's correct but it still doesn't work. What methods have you tried?
@MakeDreamWebsite
@MakeDreamWebsite 3 күн бұрын
Can you email me your page link…
@ShiroganeM
@ShiroganeM Ай бұрын
Hi, I'm working with sections and I can't change the menu background colours. Can you help me? Thanks bro
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
I have made all the versions with sections/columns too and add it with the ready template...
@ShiroganeM
@ShiroganeM Ай бұрын
@@MakeDreamWebsite yes, I bought the version on your site but I assure you that it is impossible to change the green background of the drop-down menu, as soon as I change it it makes a huge square in the middle of the page
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
@ShiroganeM you need to edit it from the background overlay option. For more instructions, you can follow the pdf file.
@ShiroganeM
@ShiroganeM Ай бұрын
@@MakeDreamWebsite it works! thanks bro
@Zuizoh.Bussines
@Zuizoh.Bussines 2 ай бұрын
Puedes hacer uno parecido pero para un menú que tenga subcategorias ?
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
That need to be done with Elementor Nav Menu widget and also the code need to be changed for it! Then it will also support submenu.
@BaysGroupRenovations-po7ej
@BaysGroupRenovations-po7ej 2 ай бұрын
hi, is this SEO friendly? I know that for a website to be SEO optimised that page needs to have a heirarchical structure with a clear navigation. The default wordpress menu element in elementor automatically adds the link to pages and also subpages. But with this one, I see I have to manually add the page links in the buttons. Im guessing we cant make a drop down with this menu, but would like to know if it impacts any technical SEO side of things if Im manually linking pages. Thankyou!
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Hi, I can see after publishing the video many people ask for submenu support. So, I decided to create an additional version with the nav menu widget and include it with the ready template.
@schtandin
@schtandin Ай бұрын
@@MakeDreamWebsite I bought this Template a few days ago but there is no nav menu version of the template included... Where can I get it now? Would really appreciate the help!
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
I haven’t made it yet ready. Sorry for the delay. You can email me. For now I would like to make it directly on your website…
@schtandin
@schtandin Ай бұрын
@@MakeDreamWebsite I always get asked to provide m wp-admin login. I dont want to give someone I dont know the access to my whole business website. Could you tell me when you include the updated version with the nav bar as a download? I think that would work better for me
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
@schtandin yes, I know it’s not an ideal solution to ask for wp-admin access. For some cases, I can just update the code snippet/template and that will work. But, there are some cases when issue occurs on a specific website for a specific reason. Then, we need to inspect it from the backend and try to resolve it. Technically there is no other way than doing this for that cases. Most people have trust on us and give their access without any hesitation. But, if anyone has trust issues, we recommend them to create a clone for the site and take that access to protect their main site from any risk. Btw, after giving access, in some rare cases if we failed to resolve the issue we happily take refund.
@TonyNo13
@TonyNo13 Ай бұрын
I followed all the process step by step 3 times but the button doesn't work correctly, when I click on menu the animation starts but mde-side-menu remains hidden
@TonyNo13
@TonyNo13 Ай бұрын
Furthermore, despite the higher index on Elementor, the buttons are not in the foreground compared to mde-side-menu
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
Can you please check all the classes and everything. I think you misspelled mde instead of mdw
@TonyNo13
@TonyNo13 Ай бұрын
@@MakeDreamWebsite I will double check all the steps and let you know, thanks for the reply. P.s. in the previous message it was the checker who changed mdw to mde
@zhincic
@zhincic 2 күн бұрын
I tried following your steps and even buying the json files and importing, but none of them works. I don't know what's wrong on my side
@MakeDreamWebsite
@MakeDreamWebsite 2 күн бұрын
You can email me. I’ll have a look!
@josue_mp
@josue_mp 29 күн бұрын
This is amazing. But I have an issue with the absolute position, that you set in 4:49 min. The container doesn't move when I set this, while in the video it moves to the left when you select the absolute position, then when you select right position in the horizontal orientation (here my container doesn't move position either and remains next to the logo). I started the tutorial many times to realize what was wrong in my settings, but everything is ok until this step. What could be wrong?
@MakeDreamWebsite
@MakeDreamWebsite 29 күн бұрын
Is this only happens with that button or also with other elements?
@josue_mp
@josue_mp 29 күн бұрын
@@MakeDreamWebsite thank you for your answer. So far, only with that button, I haven't been able to progress further in the tutorial.
@MakeDreamWebsite
@MakeDreamWebsite 29 күн бұрын
@josue_mp you can email me your page link
@viveksaini9809
@viveksaini9809 2 ай бұрын
Excellent but how can I create a submenu item in it ?
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
You can apply this for only those menus which don't have submenus.
@freizeitvereinursendorfe.v2670
@freizeitvereinursendorfe.v2670 2 ай бұрын
is it in a future plan to to the same with a submenu?
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
As I already made it with icon list widget so the submenu is not possible here. But, if many of you request for submenu version, I'll add a submenu supported version which I'll make using the nav menu widget. And I may add it with the template...
@viveksaini9809
@viveksaini9809 2 ай бұрын
@@MakeDreamWebsite please make submenu item with this example
@oandreirocha
@oandreirocha Ай бұрын
Buddy, I dont know why but im trying to import the zip file in the elementor but it doesnt work. I've tryed to import just the JSON files but it also didnt work. Can you help me?
@oandreirocha
@oandreirocha Ай бұрын
I recive the messege "Invalid model type" when I try to import.
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
You can email me. I’ll have a look. Btw, do you have elementor pro?
@oandreirocha
@oandreirocha Ай бұрын
@@MakeDreamWebsite No, I use Free Elementor.
@graphicdestination968
@graphicdestination968 18 сағат бұрын
what if I dont want to use full width, i just wanted to use box, how to do then>?
@MakeDreamWebsite
@MakeDreamWebsite 17 сағат бұрын
Then you can adjust the width of the container
@graphicdestination968
@graphicdestination968 17 сағат бұрын
@@MakeDreamWebsite I think the menu is slower because of jquery, converting into vanilla JS will make it faster :)
@MakeDreamWebsite
@MakeDreamWebsite 17 сағат бұрын
@graphicdestination968 not actually. There are already a tons of js/css/other file loaded of a Elementor page by default. Even jquery is also loaded by WordPress. So doing the code with jquery or vanilla js is not affecting any practical noticeable performance difference.
@TimurMutluer
@TimurMutluer Күн бұрын
I have a problem where the Close button has no padding except when in desktop view
@MakeDreamWebsite
@MakeDreamWebsite 17 сағат бұрын
You probably missed something or do something incorrect. Can you please check everything properly?
@hanzlanadeem2851
@hanzlanadeem2851 2 ай бұрын
I have followed the exact same instructions but there are two issues coming: 1. when clicked on menu, the text 'menu' doesn't change to 'close' 2. The icons ares always there and css code didn't brought any animation or any changes to it
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
You can see I have a mistake there. For the 2nd button the button text will be CLOSE which I didn't notice while making the menu but later mentioned as a annotation while editing. And for your 2nd issue please you can email me, I'll have a look!
@Techy_za
@Techy_za 2 ай бұрын
@@MakeDreamWebsite Same for me as well, Menu is not hiding and it is still there on page load
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
I have resolved the issue and update the code snippet on my website...
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
@@Techy_za You can email me your page link...
@Techy_za
@Techy_za 2 ай бұрын
@@MakeDreamWebsite I tried the latest code but it is still same for me, I sent you an email as well you can check that Thanks
@schtandin
@schtandin 12 күн бұрын
Hello, I commented weeks ago and you said you would update the template with a SEO friendly native Elementor Navigation Menu. I have paied for the template but never got an answer from you.
@MakeDreamWebsite
@MakeDreamWebsite 12 күн бұрын
Sorry about the delay. I’ll let you know as soon as it is ready.
@schtandin
@schtandin 11 күн бұрын
@@MakeDreamWebsiteyou said this 4 weeks ago already… Can you give me a broad time frame? I want to go online with my website and am waiting for this.
@schtandin
@schtandin 8 күн бұрын
@@MakeDreamWebsite This is some advanced scamming you are doing. great job!
@AkashSenthil-pj1gw
@AkashSenthil-pj1gw 2 ай бұрын
hii bro,want image trail effect tutorial
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Noted! Thank you for your suggestion!
@Digital_mind18
@Digital_mind18 2 ай бұрын
we Are the Waiting for 3D animation website in Wordpress elementer
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
Thank you for your suggestion. Yes, I have a plan to make it too!
@akhilvashist1339
@akhilvashist1339 9 күн бұрын
CAN YOU PROVIDE PURE HTML, CSS & JS CODE FOR THE SAME WITHOUT USING ELEMENTOR, PURELY BASED ON CODE FOR PEOPLE THAT DONT USE ELEMENTOR OR WORDPRESS?
@MakeDreamWebsite
@MakeDreamWebsite 13 сағат бұрын
That code would be different and need to customise. It would be better if you contact a JavaScript developer and send him the code snippet link as inspiration. He/she can grab the logic/concept from that code and implement it using raw code.
@andreazannoni8663
@andreazannoni8663 2 ай бұрын
hello i sent you an email, the arrows show up even if they are not on the hover and do not stretch during animation. i followed the tutorial step by step
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
I will update the code snippet on my website and let you know!
@andreazannoni8663
@andreazannoni8663 2 ай бұрын
@@MakeDreamWebsite can you sent me the link?
@andreazannoni8663
@andreazannoni8663 2 ай бұрын
@@MakeDreamWebsite where is the link?
@MakeDreamWebsite
@MakeDreamWebsite 2 ай бұрын
I have updated the code snippet. Now it should work without any issue! The link is in the description...
@andreazannoni8663
@andreazannoni8663 2 ай бұрын
@@MakeDreamWebsite now the icon there isn't
@MuhammadSuliman-t7g
@MuhammadSuliman-t7g Ай бұрын
i followed the video but it doesn't work like the tutorials i haven't missed a single thing
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
You can email me. I'll check what causes the issue...
@timeahegedus5631
@timeahegedus5631 4 күн бұрын
I did it parallel with you 6 times! feel and doesnt work :( wasted my whole day :( What did I missed?
@MakeDreamWebsite
@MakeDreamWebsite 3 күн бұрын
Can you email me your page link…
@silent_ideal_gamer
@silent_ideal_gamer 13 күн бұрын
why its sounds like jym fahad digital
@arpitshrmah
@arpitshrmah Ай бұрын
Can this be done with free version of elementor?
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
Yes, if you can manage to get header builder through some free plugin…
@arpitshrmah
@arpitshrmah Ай бұрын
@@MakeDreamWebsite I use a plugin called elementor header & footer builder. Although, can I make one without using a plugin just with elementor free?
@MakeDreamWebsite
@MakeDreamWebsite Ай бұрын
Yes, you can follow the steps with your plugin. It should work!
@AlAA-jc5ve
@AlAA-jc5ve 29 күн бұрын
Could you please not stop sharing and try to share a tutorial every week? 😔
@MakeDreamWebsite
@MakeDreamWebsite 29 күн бұрын
Yes, I’ll try to publish more frequently!
Top 27 Elementor Hidden Features | Elementor Tips and Tricks
38:03
Make Dream Website
Рет қаралды 184 М.
Create a Custom Page Loader with Lottie Animation in Elementor!
5:07
Jacob Vinjegaard
Рет қаралды 10 М.
Best KFC Homemade For My Son #cooking #shorts
00:58
BANKII
Рет қаралды 62 МЛН
Sigma Kid Hair #funny #sigma #comedy
00:33
CRAZY GREAPA
Рет қаралды 34 МЛН
What it feels like cleaning up after a toddler.
00:40
Daniel LaBelle
Рет қаралды 77 МЛН
Step-by-Step: Design A Mobile Menu Header in Elementor (Free)
15:27
The Easiest Way to Build Websites
10:56
Sajid
Рет қаралды 399 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 929 М.
Incredible Web Design Inspiration (Built with Elementor)
11:57
Tristan Parker
Рет қаралды 89 М.
Best KFC Homemade For My Son #cooking #shorts
00:58
BANKII
Рет қаралды 62 МЛН