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

Поділитися
Вставка
  • Опубліковано 7 лис 2024

КОМЕНТАРІ • 48

  • @GoTechUG
    @GoTechUG  Рік тому +6

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

  • @mykeskingdom
    @mykeskingdom Місяць тому +1

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

  • @kauanyduart
    @kauanyduart 8 місяців тому +3

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

  • @xtosti1531
    @xtosti1531 22 дні тому

    Best Tutorial for mobile Mega Menu!!!

  • @EuropeanYachtBrokers
    @EuropeanYachtBrokers Рік тому +2

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

  • @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 6 місяців тому

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

  • @gangms16
    @gangms16 9 місяців тому

    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😅

  • @davidofug
    @davidofug 8 місяців тому

    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  8 місяців тому

      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.

  • @Traveltech360
    @Traveltech360 8 місяців тому

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

  • @mcfarlandchris
    @mcfarlandchris 9 місяців тому

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

  • @jaredthebrown
    @jaredthebrown Рік тому +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.

    • @jaredthebrown
      @jaredthebrown Рік тому

      @@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. 👍

  • @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, 👍🏾👍🏾

  • @TheSilverGate
    @TheSilverGate 7 місяців тому

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

  • @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

  • @hadimirdamadi6418
    @hadimirdamadi6418 11 місяців тому

    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.

  • @m0orash
    @m0orash 9 місяців тому

    You are a very very good instructor. Thank you.

  • @abhishekgarg1030
    @abhishekgarg1030 9 місяців тому

    Hi How to make the drop menu active if its selected

  • @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.

  • @pablobanet
    @pablobanet Рік тому

    Thank you form Spain for your really useful tutorial!

  • @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 🙏🏼

  • @kyleeadi
    @kyleeadi 9 місяців тому

    Thank you very much for creating this video!

  • @mtnpfi
    @mtnpfi 9 місяців тому

    Thank you so much, very well explained!🙏🏼

  • @alireza2625
    @alireza2625 Рік тому

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

  • @xtosti1531
    @xtosti1531 22 дні тому

    Спасибо ! очень помогло!!!

  • @Kibuuk
    @Kibuuk Рік тому

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

  • @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

  • @MuhammadTalha-kz9gj
    @MuhammadTalha-kz9gj Рік тому

    Thank you for your video, very helpful. love

    • @GoTechUG
      @GoTechUG  Рік тому

      Appreciate you too. Thanks for the watch.

  • @videowatcher4006
    @videowatcher4006 Рік тому

    Great tutorial, thank you sharing

  • @mohammadhammad932
    @mohammadhammad932 Рік тому

    Thank you so so much. Love this

  • @charlesjoyner7662
    @charlesjoyner7662 Рік тому

    As usual- amazing. Thank you.!

  • @rohanvelhal7482
    @rohanvelhal7482 Рік тому

    Thank You😇🙏

  • @zerobambiro
    @zerobambiro 9 місяців тому

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