Simple multilevel flyout menu

Hi all,

I want to some VERY simple multilevel flyout menus to the top nav in my site. My site has custom mode enabled but there is no option for folders in my nav (even though site is based on Brine). 

All I want is a 2nd level flyout to the right of the items in the dropdown. Ideally I would also really like to disable the actual navigation item in the menu so that only the links below that item, and obviously the links in the 2nd level flyout, would work.

How can I most easily achieve this keeping in mind I'm NOT a web developer/designer.

Thank you!

You just need to add a "dropdown" to the "main navigation" in the pages menu. 

I'm well aware of that. I'm wanting a MULTILEVEL/flyout nav. You know, like my question said 😏.

https://www.will-myers.com/products/p/nested-menu-dropdowns

3 minutes ago, Ziggy said:

https://www.will-myers.com/products/p/nested-menu-dropdowns

That's the behaviour I want. But, is there anything out there that isn't $25 just for a menu? 

7 minutes ago, ariaconsulting said:

That's the behaviour I want. But, is there anything out there that isn't $25 just for a menu? 

I don't know of anything free.

There may be a mega menu plugin that's free but I can't think of one specifically, plus that doesn't exactly meet your requirements, but could be used to display the links in your navigation.

😕😕

You can use this simple solution to achieve multi level

6 minutes ago, tuanphan said:

You can use this simple solution to achieve multi level

 

I don't understand why would I edit the footer?? I want the menus in the header.

5 hours ago, tuanphan said:

You can use this simple solution to achieve multi level

Thanks for sharing that, nice solution!

5 hours ago, ariaconsulting said:

I don't understand why would I edit the footer?? I want the menus in the header.

Simply because you need to add the links to every page so they can be added to the header with the code injection. The footer is an editable section that is on every page. 

6 hours ago, Ziggy said:

Simply because you need to add the links to every page so they can be added to the header with the code injection. The footer is an editable section that is on every page. 

But my site already has a full footer section.

1 hour ago, ariaconsulting said:

But my site already has a full footer section.

You can add as many sections and text blocks as you like to the footer. The code should move the additional text blocks into the navigation, so they won't be visible in the footer.

I'm unclear what to do with this step:

On 10/10/2024 at 1:29 AM, ariaconsulting said:

I'm unclear what to do with this step:

You can share link to your site + let me know which section you added, I will give exact code with your case