Create a Mega Menu in Oxygen Builder
Vložit
- čas přidán 7. 02. 2021
- 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/create-a-mega-m...
Learn more about my Oxygen Builder course here: permaslug.com/ultimate-oxygen...
Visit the premium forums: permaslug.com/forums/
-Connect with me!-
Facebook: / permaslug
Twitter: / permaslug
Website: permaslug.com - Věda a technologie
Hi, Just wondering if you could post another video on how to make this menu responsive like a hamburger menu?
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
Now we want the mobile version 😁
Very needful content thanks
Thanks for the tut; it was super 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 ✌🏽🤪
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?
gracias, sos el mejor de todos. me salvaste la tarde.
Is it possible to use the WordPress menu to dynamicly populate this menu?
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
yes, I'm on time baby
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...??
Gracias!
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.
That was a great tutorial. I'm looking for a more traditional horizontal list / sub-list style menu menu. Any ideas?
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?
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?
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?
It's a shame, it would have been interesting to design the MegaMenu without the predefined version of the composite elements.
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
What about the mobile menu version of it? How we will make this responsive?
Do you explain how to make this responsive for smaller viewports OR do you do any other videos on responsive mega menus for oxygen?
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
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 Video！wondering how to make this mega manu responsive on mobile version
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 ?
Cool
hi can I check how do you get mega menu? my oxygen builder is 4.0++ but there's no mega menu, kindly advise 😂
Great, I’m not working tomorrow. I’ll be on time
Great content
Hi! Is responsive?
Gawd you talk and move fast :P
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 ❤️
Oh wow, I thought it was today LMAO
Haha, sorry! Hopefully we'll see you tomorrow :)
@@Permaslug While you're here, I'm looking for a way to add functionality to a website. One of my clients is a photographer, he wants to send the pictures he took to a client via a link. But this link should send the client to a page with all the pictures he took during the photo shoot. This way the customer can select the photos he prefers, like when you select items in the woocommerce and put them in your shopping cart. But in this case they will be added to the album. And the photographer will know what the customer's favorite photos are and will be able to modify them.
@@stewartwilliam That would be a beast of a site to build manually. I'd recommend Pixieset. It works great
@@Permaslug galleries.jasminestar.com/lodgeattorreypines/ that exatly what he wants. Can't you find a way to do it Oxygen and other plugins?
@@stewartwilliam That website is based on the site I recommended, Pixieset. Not worth rebuilding something like this manually, it's too complex