Create a Mega Menu in Oxygen Builder

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ธ.ค. 2024

ความคิดเห็น •

  • @FogTraiz
    @FogTraiz 3 ปีที่แล้ว +29

    Hi, Just wondering if you could post another video on how to make this menu responsive like a hamburger menu?

  • @brusbezerra
    @brusbezerra 3 ปีที่แล้ว +9

    Now we want the mobile version 😁

  • @thebibleproof
    @thebibleproof 3 ปีที่แล้ว +1

    Explained in your inimitable style. The design set is a worthy addition. Thank you Jonathan.

  • @SolRudd
    @SolRudd 8 หลายเดือนก่อน

    love it, much better then oxy prop outdated versions! Thanks for help, keep up the content!!

  • @onewebdesign4654
    @onewebdesign4654 3 ปีที่แล้ว +3

    do you happen to also experience the bug, where the mega menu would render out of the screen when it is put in a sticky header and you scroll down till the header becomes sticky?

  • @wingtracer
    @wingtracer 2 ปีที่แล้ว

    Awesome! Question... at around 18:40 when you are applying 0 padding at the column div level... you didn't opt to assign a class before making changes. I tried doing that, then copying styles to the new class, and removing styles from the default div class. Then setting 0 px didn't do anything. Can you help me understand why the new class is ignored and the default class overrides it, and why you opt to do classes on some things but not others, like this column element?

    • @YK-dx4ux
      @YK-dx4ux 2 ปีที่แล้ว

      Because Oxygen builder settings are styled on the ID, not the class, so if you have anything filled in the Oxygen builder it will always overwrite anything you've styled by class.

  • @Potzakv20
    @Potzakv20 3 ปีที่แล้ว +1

    Is it possible to use the WordPress menu to dynamicly populate this menu?

  • @AlecBerrier
    @AlecBerrier 11 หลายเดือนก่อน

    Long shot comment here but is there a way to get the top menu link wrapper to stay highlighted/hovered when inside the mega menu dropdown?

  • @rameshbondada748
    @rameshbondada748 3 ปีที่แล้ว +1

    Oxygen builder set up nicely explained and showed in this video, it is very useful

  • @CollinPorter-be3ce
    @CollinPorter-be3ce ปีที่แล้ว

    Do you explain how to make this responsive for smaller viewports OR do you do any other videos on responsive mega menus for oxygen?

  • @JeffTincher610Digital
    @JeffTincher610Digital 3 ปีที่แล้ว +2

    great video and explanation. thank god for the pause button...you were talking so fast :)
    i may have missed this, but did you make the top menu bar sticky? How would I go about doing that?

  • @KunalKumar-vn8cx
    @KunalKumar-vn8cx 3 ปีที่แล้ว +1

    Hay thanks for this awesome content, And I note that you have missed the animation that is happening on the "ARROW" and when we on the Maga Menu the Hover green colour is still there. So how can we achieve that...??

  • @mcAmendi
    @mcAmendi 3 ปีที่แล้ว +2

    It's a shame, it would have been interesting to design the MegaMenu without the predefined version of the composite elements.

  • @florlopezpeze_
    @florlopezpeze_ 2 ปีที่แล้ว

    gracias, sos el mejor de todos. me salvaste la tarde.

  • @mikesutherland8081
    @mikesutherland8081 3 ปีที่แล้ว

    Is there any way to change the menu from flying in from the bottom. It would be good to change it to fade in but can't see how to do it.

  • @2IOstudio
    @2IOstudio 2 ปีที่แล้ว

    nice video, but one more question, how to make it responsive ? it works well on PC, but not good on a small screen device. thanks so much, Jonathan.

  • @MyKelvin01
    @MyKelvin01 3 ปีที่แล้ว

    I tried loading the page on incognito and I get this weird white section that loads for about 3-4 seconds. i thinks the mega menu element is broken or something

  • @dcolumbus
    @dcolumbus 2 ปีที่แล้ว

    That was a great tutorial. I'm looking for a more traditional horizontal list / sub-list style menu menu. Any ideas?

  • @henrymendeez
    @henrymendeez 3 ปีที่แล้ว

    Awesome video, thanks. If I want to make a "profile" dropdown menu, how can I make the Mega Menu Wrapper appears at the same location of the image profile? I need this to not be 100% and be aligned to the image profile. Also, it is possible to make this click-toggle and not hover-toggle?

  • @ZamaNRaPBanD
    @ZamaNRaPBanD 3 ปีที่แล้ว

    What about the mobile menu version of it? How we will make this responsive?

  • @brunettebetti
    @brunettebetti 2 ปีที่แล้ว

    Thanks for the tut; it was super useful.

  • @christianek1309
    @christianek1309 3 ปีที่แล้ว +1

    Really nice done! Appriciate the work you put in and have learned so much already from you. Have just made the switch from Elementor PRO to oxygen and love it. How would you tackle the responsiveness for this menu so it appears like a dropdown list with hamburger icon as a trigger? Keep up the good work

  • @mattb2529
    @mattb2529 3 ปีที่แล้ว +1

    This is awesome! Will be giving it a shot soon. Just one question: Is it mobile responsive/does it look good on mobile as well? That has been an issue for me with Oxygen in the past (one of the few drawbacks of this awesome page builder).

    • @magehdinc
      @magehdinc ปีที่แล้ว

      I just purchased the builder and ran into this road block. I saw a video about creating a hidden responsive menu but that's kind of hacky IMO

  • @mohomedanees
    @mohomedanees ปีที่แล้ว

    How it behaves in mobile and tablet ? Is the menu responsive ?

  • @tomashudolin7197
    @tomashudolin7197 3 ปีที่แล้ว

    And what about the 100% height on Apple devices? I had lots of problems in my projects with this setting. And what about next step? We need the responsive menu also :)

  • @Digital.s
    @Digital.s 3 ปีที่แล้ว

    HI
    Wow that's what we need. Thank you for this video.
    I have your membership page, I could just add the Desing Set Library and then I have this mega menu. But that's not what I want!!!
    I have more fun when I do it by myself ✌🏽🤪

  • @welcomehelloj9164
    @welcomehelloj9164 ปีที่แล้ว

    hi can I check how do you get mega menu? my oxygen builder is 4.0++ but there's no mega menu, kindly advise 😂

  • @diacutex6391
    @diacutex6391 3 ปีที่แล้ว

    Great Video!wondering how to make this mega manu responsive on mobile version

  • @avvv490
    @avvv490 3 ปีที่แล้ว

    Very needful content thanks

  • @JaroslawBlaut
    @JaroslawBlaut 21 วันที่ผ่านมา

    Thanks! It's not the best solution for megamenu's. There are a lot of bugs. For example, when you put your megamenu wrapper outside header row, sticky effect's doesn't work properly, cause positio nabsolute need parent container with relative position

  • @abdullahimohamed1181
    @abdullahimohamed1181 3 ปีที่แล้ว

    Is it only knowledge in HTML and CSS needed to build custom sites using Oxygen?

    • @Permaslug
      @Permaslug  3 ปีที่แล้ว +2

      If you really want to harness the power of Oxygen, PHP goes an extremely long way. Add in some JS and the sky is the limit

    • @abdullahimohamed1181
      @abdullahimohamed1181 3 ปีที่แล้ว

      @@Permaslug Thanks ❤️

  • @enriqocampo
    @enriqocampo ปีที่แล้ว

    Hi! Is responsive?

  • @jmcbade2960
    @jmcbade2960 2 ปีที่แล้ว +1

    Gawd you talk and move fast :P

  • @VishalPaswan-uy9xk
    @VishalPaswan-uy9xk 3 ปีที่แล้ว +1

    Great content

  • @yermanius3272
    @yermanius3272 3 ปีที่แล้ว

    Gracias!

  • @mcAmendi
    @mcAmendi 3 ปีที่แล้ว

    Cool