You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.3 KiB
PHTML
38 lines
1.3 KiB
PHTML
8 months ago
|
<?php
|
||
|
|
/**
|
||
|
|
* Displays the site navigation.
|
||
|
|
*
|
||
|
|
* @package WordPress
|
||
|
|
* @subpackage Twenty_Twenty_One
|
||
|
|
* @since Twenty Twenty-One 1.0
|
||
|
|
*/
|
||
|
|
|
||
|
|
?>
|
||
|
|
|
||
|
|
<?php if ( has_nav_menu( 'primary' ) ) : ?>
|
||
|
|
<nav id="site-navigation" class="primary-navigation" aria-label="<?php esc_attr_e( 'Primary menu', 'twentytwentyone' ); ?>">
|
||
|
|
<div class="menu-button-container">
|
||
|
|
<button id="primary-mobile-menu" class="button" aria-controls="primary-menu-list" aria-expanded="false">
|
||
|
|
<span class="dropdown-icon open"><?php esc_html_e( 'Menu', 'twentytwentyone' ); ?>
|
||
|
|
<?php echo twenty_twenty_one_get_icon_svg( 'ui', 'menu' ); // phpcs:ignore WordPress.Security.EscapeOutput ?>
|
||
|
|
</span>
|
||
|
|
<span class="dropdown-icon close"><?php esc_html_e( 'Close', 'twentytwentyone' ); ?>
|
||
|
|
<?php echo twenty_twenty_one_get_icon_svg( 'ui', 'close' ); // phpcs:ignore WordPress.Security.EscapeOutput ?>
|
||
|
|
</span>
|
||
|
|
</button><!-- #primary-mobile-menu -->
|
||
|
|
</div><!-- .menu-button-container -->
|
||
|
|
<?php
|
||
|
|
wp_nav_menu(
|
||
|
|
array(
|
||
|
|
'theme_location' => 'primary',
|
||
|
|
'menu_class' => 'menu-wrapper',
|
||
|
|
'container_class' => 'primary-menu-container',
|
||
|
|
'items_wrap' => '<ul id="primary-menu-list" class="%2$s">%3$s</ul>',
|
||
|
|
'fallback_cb' => false,
|
||
|
|
)
|
||
|
|
);
|
||
|
|
?>
|
||
|
|
</nav><!-- #site-navigation -->
|
||
|
|
<?php
|
||
|
|
endif;
|