WordPress 4.7-scripts

[autoinstalls/wordpress.git] / wp-content / themes / twentyseventeen / template-parts / navigation / navigation-top.php

diff --git a/wp-content/themes/twentyseventeen/template-parts/navigation/navigation-top.php b/wp-content/themes/twentyseventeen/template-parts/navigation/navigation-top.php
new file mode 100644 (file)
index 0000000..3a8837f
--- /dev/null
+++ b/wp-content/themes/twentyseventeen/template-parts/navigation/navigation-top.php
@@ -0,0 +1,22 @@
+<?php
+/**
+ * Displays top navigation
+ *
+ * @package WordPress
+ * @subpackage Twenty_Seventeen
+ * @since 1.0
+ * @version 1.0
+ */
+
+?>
+<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php _e( 'Top Menu', 'twentyseventeen' ); ?>">
+       <button class="menu-toggle" aria-controls="top-menu" aria-expanded="false"><?php echo twentyseventeen_get_svg( array( 'icon' => 'bars' ) ); echo twentyseventeen_get_svg( array( 'icon' => 'close' ) ); _e( 'Menu', 'twentyseventeen' ); ?></button>
+       <?php wp_nav_menu( array(
+               'theme_location' => 'top',
+               'menu_id'        => 'top-menu',
+       ) ); ?>
+
+       <?php if ( ( twentyseventeen_is_frontpage() || ( is_home() && is_front_page() ) ) && has_custom_header() ) : ?>
+               <a href="#content" class="menu-scroll-down"><?php echo twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ); ?><span class="screen-reader-text"><?php _e( 'Scroll down to content', 'twentyseventeen' ); ?></span></a>
+       <?php endif; ?>
+</nav><!-- #site-navigation -->