themes-wordpress/seedlet/template-parts/header/navigation.php

<?php declare( strict_types = 1 ); ?>
<?php
	$has_primary_nav       = has_nav_menu( 'primary' );
	$has_primary_nav_items = wp_nav_menu(
		array(
			'theme_location' => 'primary',
			'fallback_cb'    => false,
			'echo'           => false,
		)
	);
	$has_social_nav        = has_nav_menu( 'social' );
	$has_social_nav_items  = wp_nav_menu(
		array(
			'theme_location' => 'social',
			'fallback_cb'    => false,
			'echo'           => false,
		)
	);

	?>
<?php if ( $has_primary_nav && $has_primary_nav_items ) : ?>
	<nav id="site-navigation" class="primary-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Main', 'seedlet' ); ?>">
		<button id="primary-close-menu" class="button close">
			<span class="dropdown-icon close"><?php _e( 'Close', 'seedlet' ); ?> <?php echo seedlet_get_icon_svg( 'close' ); ?></span>
			<span class="hide-visually collapsed-text"><?php _e( 'collapsed', 'seedlet' ); ?></span>
		</button>
		<?php
		// Get menu slug
		$location_name = 'primary';
		$locations     = get_nav_menu_locations();
		$menu_id       = $locations[ $location_name ];
		$menu_obj      = wp_get_nav_menu_object( $menu_id );

		wp_nav_menu(
			array(
				'theme_location'  => 'primary',
				'menu_class'      => 'menu-wrapper',
				'container_class' => 'primary-menu-container',
				'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
			)
		);
		?>
	</nav><!-- #site-navigation -->
<?php endif; ?>

<div class="menu-button-container">
	<?php if ( $has_primary_nav && $has_primary_nav_items ) : ?>
		<button id="primary-open-menu" class="button open">
			<span class="dropdown-icon open"><?php _e( 'Menu', 'seedlet' ); ?> <?php echo seedlet_get_icon_svg( 'menu' ); ?></span>
			<span class="hide-visually expanded-text"><?php _e( 'expanded', 'seedlet' ); ?></span>
		</button>
	<?php endif; ?>
</div>

<?php if ( class_exists( 'WooCommerce' ) ) : ?>
	<nav class="woo-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Woo Minicart', 'seedlet' ); ?>">
		<?php
		echo( sprintf(
			'<button id="woo-close-menu" class="button close">
				<span class="dropdown-icon close">%1$s %2$s</span>
				<span class="hide-visually collapsed-text">%3$s</span>
			</button>
			<div class="woocommerce-menu-container">
				<ul id="woocommerce-menu" class="menu-wrapper"">
				<li class="menu-item woocommerce-menu-item %4$s" title="%5$s">
					%6$s
					<ul class="sub-menu">
						<li class="woocommerce-cart-widget" title="%7$s">
							%8$s
						</li>
					</ul>
				</li>',
			esc_html__( 'Close', 'seedlet' ),
			seedlet_get_icon_svg( 'close' ),
			esc_html__( 'collapsed', 'seedlet' ),
			is_cart() ? 'current-menu-item' : '',
			esc_attr__( 'View your shopping cart', 'seedlet' ),
			seedlet_cart_link(),
			esc_attr__( 'View your shopping list', 'seedlet' ),
			seedlet_cart_widget()
		) );
		?>
	</nav><!-- .woo-navigation -->
<?php endif; ?>

<div class="menu-button-container">
	<?php if ( class_exists( 'WooCommerce' ) ) : ?>
		<button id="woo-open-menu" class="button open">
			<span class="dropdown-icon open"><?php echo seedlet_get_icon_svg( 'shopping_cart' ); ?> <?php _e( 'Cart', 'seedlet' ); ?></span>
			<span class="hide-visually expanded-text"><?php esc_html__( 'expanded', 'seedlet' ); ?></span>
		</button>
	<?php endif; ?>
</div>

<?php if ( $has_social_nav && $has_social_nav_items ) : ?>
	<nav class="social-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'seedlet' ); ?>">
		<?php
		wp_nav_menu(
			array(
				'theme_location' => 'social',
				'link_before'    => '<span class="screen-reader-text">',
				'link_after'     => '</span>' . seedlet_get_icon_svg( 'link' ),
				'depth'          => 1,
			)
		);
		?>
	</nav><!-- .social-navigation -->
<?php endif; ?>