Skip to content
Paolo Tesei edited this page Jul 23, 2020 · 6 revisions

Main menu with hamburger icon

<nav id="nav-primary" class="amenu nav-primary" 
     aria-label="<?php esc_attr_e( 'Main navigation', 'domain' );?>" role="navigation">
	<button class="amenu__toggle accessible-megamenu-toggle">
		<span class="visuallyhidden">Menu</span>
		<?php the_icon( 'menu' ); ?>
		<?php the_icon( 'close' ); ?>
	</button>
<?php
wp_nav_menu(
	array(
		'theme_location'  => 'menu-main',
		'container'       => '',
		'menu_id'         => 'amenu-main',
		'menu_class'      => 'amenu__main',
		'walker'          => new \BEA\Theme\Framework\Helpers\Accessible_Menu_Walker(),
	)
);
?>
</nav>

Generic WordPress Menu

<nav id="nav-footer" class="amenu nav-footer" 
     aria-label="<?php esc_attr_e( 'Footer navigation', 'domain' ); ?>" role="navigation">
	<?php
	wp_nav_menu(
		array(
			'theme_location' => 'menu-footer',
			'container'      => '',
			'menu_id'        => 'amenu-footer',
			'menu_class'     => 'amenu__footer',
			'walker'         => new \BEA\Theme\Framework\Helpers\Accessible_Menu_Walker(),
		)
	);
	?>
</nav>

functions.php

require_once __DIR__ . '/inc/Helpers/Svg.php';
require_once __DIR__ . '/inc/Helpers/Accessible_Menu_Walker.php';
Clone this wiki locally