Ticket #38392: 38392.3.patch

src/wp-content/themes/twentyseventeen/assets/js/global.js

@@ -10 +10 @@
                         $navWrap = $navigation.find( '.wrap' ),
                         $navMenuItem = $navigation.find( '.menu-item' ),
                         $menuToggle = $navigation.find( '.menu-toggle' ),
-                        $menuScrollDown = $navigation.find( '.menu-scroll-down' ),
+                        $menuScrollDown = $body.find( '.menu-scroll-down' ),
                         $sidebar = $body.find( '#secondary' ),
                         $entryContent = $body.find( '.entry-content' ),
                         $formatQuote = $body.find( '.format-quote blockquote' ),
@@ -143 +143 @@
         $( document ).ready( function() {
 
                 // Let's fire some JavaScript!
-                if ( 'true' === twentyseventeenScreenReaderText.has_navigation ) {
+                if ( $menuScrollDown.length ) {
 
                         /**
                          * 'Scroll Down' arrow in menu area

src/wp-content/themes/twentyseventeen/style.css

@@ -1463 +1463 @@
 
 /* Scroll down arrow */
 
-.navigation-top .menu-scroll-down {
+.site-header .menu-scroll-down {
         display: none;
 }
 
@@ -3513 +3513 @@
                 display: none;
         }
 
-        .site-navigation-fixed.navigation-top .menu-scroll-down {
+        .site-navigation-fixed.site-header.menu-scroll-down {
                 display: none;
         }
 
         /* Scroll down arrow */
 
-        .navigation-top .menu-scroll-down {
-                color: #767676;
+        .site-header .menu-scroll-down {
                 display: block;
                 padding: 0.5em 0.5em 0.4em;
                 position: absolute;
                 right: 0;
-                top: 0.9em;
                 -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
                 -ms-transform: rotate(90deg); /* IE 9 */
                 transform: rotate(90deg);
         }
 
+        .site-header .menu-scroll-down {
+                color: #fff;
+                top: 2em;
+        }
+
+        .site-header .navigation-top .menu-scroll-down {
+                color: #767676;
+                top: 0.9em;
+        }
+
         .menu-scroll-down:focus {
                 outline: thin dotted;
         }

src/wp-content/themes/twentyseventeen/template-parts/header/site-branding.php

@@ -27 +27 @@
                                 <?php endif; ?>
                 </div><!-- .site-branding-text -->
 
+                <?php if ( ( twentyseventeen_is_frontpage() || ( is_home() && is_front_page() ) ) && ! has_nav_menu( 'top' ) ) : ?>
+                <a href="#content" class="menu-scroll-down"><?php echo twentyseventeen_get_svg( array( 'icon' => 'next' ) ); ?><span class="screen-reader-text"><?php _e( 'Scroll Down', 'twentyseventeen' ); ?></span></a>
+        <?php endif; ?>
+
         </div><!-- .wrap -->
 </div><!-- .site-branding -->