Bien, aquí va. Off Canvas muestra el menú, sin embargo, necesito que funcione como un menú desplegable para las categorías seleccionadas. En cambio, lo que hace es simplemente agregarlos al menú como un elemento normal. he intentado usar el código zurb y sigo obteniendo los mismos resultados

 <div class="off-canvas position-left" id="offCanvas" data-off-canvas> <!-- Close button --> <button type="button" class="button large hollow float-right" data-close="offCanvas"><i class="fi-x large"></i></button> <ul class="vertical menu"> <li> <a href="#">Item 1</a> <ul class="vertical menu dropdown"> <li><a href="#">Item 1A</a></li> <li><a href="#">Item 1B</a></li> <li><a href="#">Item 1C</a></li> <li><a href="#">Item 1D</a></li> <li><a href="#">Item 1E</a></li> </ul> </li> <li><a href="#">Item 1B</a></li> </ul> </div>

entonces, en lugar de poder hacer clic en el elemento 1 para abrir el menú desplegable, todos los demás elementos (a a e) ya están abiertos y permanecen así. Todo esto solía funcionar en la fundación 5 Entonces, ¿me estoy perdiendo algo?