Menu icon Foundation
Dropdown menu to Accordion menu on mobile

Hiya,

I put together a dropdown menu with an off-canvas menu for mobile. The client would like the menu to change to an accordion menu, not an off-canvas.

With Foundation 6's lovely new, modular menu system, is there any elegant way to instruct the menu to use the accordion plugin at a certain breakpoint?

menuaccordion menudropdown menumobile

Hiya,

I put together a dropdown menu with an off-canvas menu for mobile. The client would like the menu to change to an accordion menu, not an off-canvas.

With Foundation 6's lovely new, modular menu system, is there any elegant way to instruct the menu to use the accordion plugin at a certain breakpoint?

Emilio almost 3 years ago

I am also looking for this structure. Almost got it. You need: data-responsive-menu="accordion medium-dropdown".

Check this thread for more information: http://foundation.zurb.com/forum/posts/38038-f6-data-responsive-menu-accordion-to-dropdown