Elementor doesn’t have a Mega Menu facility – and many may use other plugins.
But let me show you how to do it all inside Elementor with No Plugin.
The Code comes from Element.How 🙂
https://element.how/elementor-mega-menu-css-only/
Elementor Mega Menu without a Plugin – Elementor WordPress Tutorial – #Wordpress #Elementor
We love to create – share – respond – and deliver.
🧐 Learn with our Mastery Modules: https://websquadron.co.uk/web-design-mastery/
👕 Get our Merchandise: https://websquadron.co.uk/merchandise
😃 Join our Facebook Group: https://www.facebook.com/groups/3309523509284305
😃 Get Code Snippets Pro: https://r.freemius.com/10565/3304295/
😃 Get Elementor Pro: https://trk.elementor.com/25741
😃 Boost your YouTube Analysis: https://www.tubebuddy.com/websquadron
🥹 Support us: https://paypal.me/Websquadron
Hire us to work on your Website!
💌 info@websquadron.co.uk
👩💻 Visit https://websquadron.co.uk
source
Thank you for the turorial – very useful. One question if you please. How can I (if I can) replace the hovering to clicking on the buttor in order to open the megamenu. Thanking you advance. Georgios Greece
i follow everything. but tried with container instead of a section. after the css the container does disapear but it doesn't show on hover
nice tutorial! my menu drops behind whatever content I have on the body of the page, did I miss something?
Hi, show me mobile version of this menu!
Great video! It works!!! I'm starting to get confident with elementor and taking the courage to play with CSS with this kind of tutorials like yours! Thank you very much! I was wondering if there is the possibility to make that the mega menu appears only when clicking on the button and hiding again when clicking, like the standard burger button menu from elementor.
Could the mega menu be another template so in case you want to edit the mega menu ONLY you edit the template instead of the whole menu. I believe it should work right ?
Awesome Tutorial!!! One question, what affect does the mega menu have on SEO?
you are forcing me to sign in to get the code, what a chickie, there is a better UX approach to do it. Disappointed with your ethics.
Great video, everything works well APART FROM the inner sections disappear when the mouse is moved from the button. What have I done wrong?
Another excellent tutorial and some pretty nifty tips and tricks along the way! Thank you
Woouuu!! Elemaster!
Looking really nice, but still plugins is way more simple IMAO
That is so much better than using those bloated plugins. Thanks, very good.
How can we use it with vertical menu?
very confusing men
Thanks for the tutorial but sometimes you are all over the place and hard to follow.
Hi! loved your video! I just have one question. Is there a code that kind of gives a smooth dropdown effect when I hover over the menu options? Most mega menus have this smooth drop-down effect
Thanks very much for your tutorial videos. I've been binge-watching your channels and it has improved my Elementor design skill generally.
I got my mega menu to work following this video. But I installed the Autopmize plugin and activated it, and suddenly the mega menu stopped working. I've tried everything – uninstalled the plugin, and cleared the cache – nothing is working.
How can I restore the mega menu to function optimally again?
PS: The mega menu works fine at the backend in Elementor Editor.
Maxine is not a woman?!
Thank you for this, but I need to know how to link to the proper page. right now this one is messed up. It's in the wrong link and I can't find the section to change the URL. I've tried from the menu directory and it's not working.
Is this solution also possible with flexbox containers?
"For you header pick a name you will recognise"
Name your template: hthghghghg
😆
I added this mega menu just now. The menu part works fine, but after added the custom css to just one of the nav "buttons", that word moved up a little and is no longer aligned with the rest of the "buttons" in the nav menu. Any ideas what happened here?
Brilliant! I love your tutorials. Going to tackle this in the morning. I can't wait to give this a go!
Thanks for all the tips & tricks! Your tutorials are life saving – to the point and well understandable.
thanks for the video i have small peoblem when i add menu automatically i have underline my menu i choose none but its still show how i can remove it please???
What about the responsive mode? What happens on the phones??