Create a Mega Menu in Oxygen Builder
ฝัง
- เผยแพร่เมื่อ 9 ก.ย. 2024
- This is a detailed walkthrough on how to setup a mega menu in Oxygen Builder. We'll start with the baseline composite element provided in version 3.7 and build it out to replicate the Evernote website mega menu. This is completely customizable and you can add anything you want into the menu.
Get the completed template used in this video here: permaslug.com/...
Learn more about my Oxygen Builder course here: permaslug.com/...
Visit the premium forums: permaslug.com/...
-Connect with me!-
Facebook: / permaslug
Twitter: / permaslug
Website: permaslug.com
Hi, Just wondering if you could post another video on how to make this menu responsive like a hamburger menu?
Now we want the mobile version 😁
Explained in your inimitable style. The design set is a worthy addition. Thank you Jonathan.
love it, much better then oxy prop outdated versions! Thanks for help, keep up the content!!
Oxygen builder set up nicely explained and showed in this video, it is very useful
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 ✌🏽🤪
It's a shame, it would have been interesting to design the MegaMenu without the predefined version of the composite elements.
Is it possible to use the WordPress menu to dynamicly populate this menu?
gracias, sos el mejor de todos. me salvaste la tarde.
Thanks for the tut; it was super useful.
Very needful content thanks
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?
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?
Did you manage to fix this?
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
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).
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
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?
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...??
Do you explain how to make this responsive for smaller viewports OR do you do any other videos on responsive mega menus for oxygen?
Gracias!
Gawd you talk and move fast :P
That was a great tutorial. I'm looking for a more traditional horizontal list / sub-list style menu menu. Any ideas?
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?
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.
Great content
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.
What about the mobile menu version of it? How we will make this responsive?
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
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 :)
How it behaves in mobile and tablet ? Is the menu responsive ?
hi can I check how do you get mega menu? my oxygen builder is 4.0++ but there's no mega menu, kindly advise 😂
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?
Cool
Great Video！wondering how to make this mega manu responsive on mobile version
Is it only knowledge in HTML and CSS needed to build custom sites using Oxygen?
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
@@Permaslug Thanks ❤️
Hi! Is responsive?