Elementor Pro Mega Menu Tutorial: How to create a Mega Menu with Elementor

Поделиться
HTML-код
  • Опубликовано: 3 окт 2024
  • In this video, I’ll show you how to use the new mega menu widget in Elementor Pro to create stunning and functional navigation menus that will make your website stand out! I'll cover everything you need to know to create a professional-looking mega menu and upgrade your website's navigation and user experience with Elementor!
    ✅Get Elementor Pro : gotechug.com/e...
    Join my Elementor Pro Bootcamp Course: www.udemy.com/...
    🛠 Download My Free WordPress Beginner Toolkit: gotechug.com/t...
    _______________________________________________________
    Awesome Elementor Addons & Plugins
    ✅Get Premium Addons here: gotechug.com/pr...
    ✅Get Elements Kit Addons for Elementor: gotechug.com/ek
    ✅Get Element Pack: gotechug.com/el...
    ✅Get Ultimate Addons for Elementor: gotechug.com/uae
    ✅Get Essential Addons for Elementor: gotechug.com/es...
    ✅Get Piotnet Addons for Elementor: gotechug.com/pafe
    ✅Get The Plus Addons for Elementor: gotechug.com/t...
    ✅Get NitroPack: gotechug.com/Ni...
    _______________________________________________________
    Productivity Tools
    🔔Get LastPass Password Manager: gotechug.com/la...
    🔔Hire on Fiverr (Get 20% off 1st Order): gotechug.com/fi...
    _______________________________________________________
    🔔Subscribe to my newsletter
    gotechug.com/n...
    Follow GoTechUG on Social Media
    / gotechug
    / gotechug
    ✅Buy me a Coffee: www.buymeacoff...
    For business, inquiries send to: hamza@gotechug.com
    Background Music: By Ben Sound
    DISCLAIMER: This video and description may contain affiliate links, which means that if you make a purchase through one of the product links, I’ll receive a small commission at NO Extra Cost to you. That way, it helps support this channel and make more videos just like this.
    Thank you

Комментарии • 46

  • @GoTechUG
    @GoTechUG  Год назад +6

    *New Course Alert*
    Join my Elementor Pro Bootcamp today. Visit: bootcamp.gotechug.com

  • @mykeskingdom
    @mykeskingdom 20 дней назад

    This is the best tutorial by far on mega menus for Elementor. Very impressive! 👍

  • @kauanyduart
    @kauanyduart 6 месяцев назад +2

    The best video about mega menus using elementor out here! thank you!!

  • @EuropeanYachtBrokers
    @EuropeanYachtBrokers 11 месяцев назад +2

    Thank you A very clear explanation. Much better than those of more established Elementor explainers.

  • @gangms16
    @gangms16 7 месяцев назад

    Thank you Hmaza. That was very elaborate and one of the best video on the topic out there. It saved me a lot of trouble and tears😅

  • @mcfarlandchris
    @mcfarlandchris 8 месяцев назад

    Thank you, finally someone that has the answers! We appreciate you sir!

  • @m0orash
    @m0orash 8 месяцев назад

    You are a very very good instructor. Thank you.

  • @pablobanet
    @pablobanet Год назад

    Thank you form Spain for your really useful tutorial!

  • @hadimirdamadi6418
    @hadimirdamadi6418 9 месяцев назад

    Many thanks for great description and simple illustrated contents. I need a hint about how to change the drop-down animation to a custom animation in this mega menu. like instead of fade animation, apply slide down animation on drop-down section.

  • @davidofug
    @davidofug 7 месяцев назад

    I have had to refresh my elementor pro knowledge today. So I started with this video. It's a comprehensive tutorial, I like that you go as deep as responsiveness and SEO.
    Quick one, if we add two menus and hide one for SEO purposes, how does it affect the performance of the website in terms of load time?
    Once again, thank you!

    • @GoTechUG
      @GoTechUG  7 месяцев назад

      Thanks David for your feedback and checking out the video.
      On the question, hiding the menu for SEO purposes has never crossed my mind and I would like to know the reasons behind that.

  • @kyleeadi
    @kyleeadi 8 месяцев назад

    Thank you very much for creating this video!

  • @mtnpfi
    @mtnpfi 8 месяцев назад

    Thank you so much, very well explained!🙏🏼

  • @mohammadhammad932
    @mohammadhammad932 Год назад

    Thank you so so much. Love this

  • @charlesjoyner7662
    @charlesjoyner7662 Год назад

    As usual- amazing. Thank you.!

  • @videowatcher4006
    @videowatcher4006 Год назад

    Great tutorial, thank you sharing

  • @MuhammadTalha-kz9gj
    @MuhammadTalha-kz9gj Год назад

    Thank you for your video, very helpful. love

    • @GoTechUG
      @GoTechUG  Год назад

      Appreciate you too. Thanks for the watch.

  • @kasimmuhd5119
    @kasimmuhd5119 Год назад +1

    i like this new feature by elementor thank u hamza

    • @GoTechUG
      @GoTechUG  Год назад +1

      Hey Kasim, great that you check this out. Have you tried it yet on your website?

    • @kasimmuhd5119
      @kasimmuhd5119 Год назад

      @@GoTechUG yeah I have tried it my mentor

  • @V3ryH1gh
    @V3ryH1gh Год назад +1

    for whatever reason i cannot access the container once ive made an item a dropdown. it just is not showing - i have also enabled nested, flexbox and menu active

    • @JYT534
      @JYT534 Год назад

      I'm facing the same issue

    • @vincepaul2721
      @vincepaul2721 5 месяцев назад

      same here, have you found a way to fix that?

  • @Traveltech360
    @Traveltech360 7 месяцев назад

    where did you find your icons inside the mega menu i like they are the same size and color. Where did you get these?

  • @TheSilverGate
    @TheSilverGate 6 месяцев назад

    Is there a way to animate services headers when hovering over?

  • @rohanvelhal7482
    @rohanvelhal7482 11 месяцев назад

    Thank You😇🙏

  • @angelafranklin9354
    @angelafranklin9354 Год назад +1

    Thank you for your video, very helpful . Can you tell me what device you are using to show the website on screen in Mobile & tablet please. Again much appreciated 👍🏾❤️

    • @ecoexpresswater2712
      @ecoexpresswater2712 Год назад

      good question

    • @GoTechUG
      @GoTechUG  Год назад

      Hey Angela, i use a chrome extension called Mobile simulator. Hopefully you can find it.
      Thanks for watching 😊

    • @GoTechUG
      @GoTechUG  Год назад

      Check for Mobile simulator in chrome extensions

    • @angelafranklin9354
      @angelafranklin9354 Год назад

      @@GoTechUG thank you very much, 👍🏾👍🏾

  • @JosephCeleste
    @JosephCeleste Год назад

    Hi, thank you for your video. All of a sudden, the dropdown menu doesn't work. I triesd to create another header and the same problem. Please help. Thank you

  • @abhishekgarg1030
    @abhishekgarg1030 8 месяцев назад

    Hi How to make the drop menu active if its selected

  • @zerobambiro
    @zerobambiro 7 месяцев назад

    Thats a weird looking menu, but i think its possible to make a good looking one with this features.

  • @shawn50510
    @shawn50510 Год назад

    Is there a way to add a darker background overlay lightbox effect for when these megamenu items are active?

  • @AlejoTrigo
    @AlejoTrigo Год назад

    Hello, why can't I see the widget? I have the updates up to date and I activated everything from settings.

  • @arthurviber
    @arthurviber Год назад

    Thanks @Gotechug for this great tut, just inquiring cant the menu items be added dynamically, more especially those that arent going to have a mega menu

    • @GoTechUG
      @GoTechUG  Год назад +1

      Interesting concept. Haven't tried this on my own. First is to test it then I can give an opinion. Sounds like a smart move though. Thanks for watching.

    • @arthurviber
      @arthurviber Год назад

      @@GoTechUG you're welcome 🙏🏼

  • @JaredBrownAtLarge
    @JaredBrownAtLarge Год назад +1

    Great video thanks! Very thorough and helpful. My mega menu appears on hover, but as soon as I move the cursor from the active link towards the mega menu, it disappears again. It is only visible while hovering over the menu link. Do you experience this problem? It's very odd.

    • @GoTechUG
      @GoTechUG  Год назад

      Could be that the distance from the menu link item to the mega menu dropdown is huge. You may check and reduce that in the menu link options.

    • @JaredBrownAtLarge
      @JaredBrownAtLarge Год назад

      @@GoTechUG Thanks - that's a very quick reply! I thought about that - I had moved it about 30px lower so I moved it back to its original position but it still did the same thing. It's almost as if the mega menu disappears immediately as the cursor leaves the word forming the link. Strangely, yesterday when I watched your video and made the menu, it worked perfectly. Only today after I have been fiddling with it, at some point it started this behaviour. I suppose, given that it's an 'alpha' version, there may still be some unusual behaviours within the module. I'll have another look later and let you know how it goes - if you're interested of course. I read of a few occurrences of a similar thing online. 👍

  • @alireza2625
    @alireza2625 Год назад

    when i use the elementor mega menu, in page speed test i got some error, this element dosent have any parent elemnent,

  • @Kibuuk
    @Kibuuk Год назад

    Can my websites crashed if i can't update my elementor pro