Foundation Off-Canvas WordPress Menu

off canvas class

class Off_Canvas_Walker extends Walker_Nav_Menu {

   function display_element( $element, &$children_elements, $max_depth, $depth=0, $args, &$output ) {
        $element->has_children = !empty( $children_elements[$element->ID] );
        $element->classes[] = ( $element->has_children ) ? 'has-submenu' : '';

        parent::display_element($element, $children_elements, $max_depth, $depth, $args, $output);
    }


    function start_lvl( &$output, $depth = 0, $args = array() ) {
    	$output .= "\n<ul class=\"left-submenu\">\n";
    	$output .= "\n<li class=\"back\"><a href=\"#\">Back</a></li>\n";
    }

}

Off-Canvas WordPress Menu Output

<aside class="left-off-canvas-menu">
<?php wp_nav_menu(
	array(
		'theme_location' => 'the menu you want to use',
		'container' => false,
		'menu_id' => '',
		'menu_class' => 'off-canvas-list',
		'walker' => new Off_Canvas_Walker()
	)
);
 ?>
</aside>