Nav (Nestable) mega menu and multilevel in mobile?

How To
1

hello,

I have a little problem understanding something I want to reproduce the menu of https://www.mi.com/global/

note that it is mega menu and multilevel in mobile

normally it is possible to do natively with all the options that we have with Nav (Nestable)

however I can not reproduce this… something escapes me

I just need to see a quick demonstration that it is possible

PS: do not propose any code or script or alter the code
the idea is to push bricks to its limits to see if in this scenario we can reproduce or not

if it can help the dev to understand how to add more flexibility to allow us to reproduce this scenario

waiting for your messages

1 Like
2

I´m also looking for a way to create a multilevel mobile menu. It´d be great if someone could help with that.

Advanced Mobile Menu Builder with multi-level option (Nestable!)
3

hi soluna,

i’m looking for the same, could you create it?

4

Hey Philip :slightly_smiling_face:
unfortunately, I haven’t been able to create this so far. I’d still be very interested in a proper solution for it.

I’m actually a bit surprised that there isn’t more demand for something like this. From my experience with clients, this isn’t something unusual that only very few would ask for…

1 Like
6

Would need fair bit of CSS to get the nav nestable element to behave like that on mobile, due to it being designed to work differently out of the box. But it’s only CSS that would be needed, to handle the transforms/positioning etc.

There was a few people in the community that have done this, some selling their solution as a pre-made ‘mega menu’ template for something like $20/$30 if I remember right.

But it won’t be a combination of settings that would get you there, it would be some custom CSS added as you’d be customising the behaviour, not just ‘styling’ the built-in solution.