Twenty Seventeen: Display 'scroll down' arrow alternative when there is no menu

[laurelfulford]

From a comment by melchoyce ​https://github.com/WordPress/twentyseventeen/pull/458#issuecomment-254592939:

"I'm wondering if there’s any way we could make the scrollability more obvious, maybe by adding a down arrow over the header image so there’s some indication that you can scroll more. Or not taking up the whole viewport, so a little bit of the page background peeks through at the bottom."

[nnaimov]

Move the scroll down button into the header if there is no menu set.

[davidakennedy]

Style and spacing adjustments

[davidakennedy]

38392.2.patch​ builds off the previous patch and adjusts the styling for the color when the skip link is not in the nav. It also tweaks some spacing issues.

@melchoyce Do you want to adjust spacing slightly? @laurelfulford How does this look to you?

@nnaimov Thanks for the patch! In the future, please create patches from the root of your WordPress install. It makes easier for others to apply your patches. :)

[melchoyce]

Can someone with the patch applied add some screenshots? :)

[davidakennedy]

Current patch:

[melchoyce]

What do you think about aligning it to the bottom of the tagline text? See down-arrow-baseline.png​.

[davidakennedy]

How's this? Lined up with my text editor. :)

[davidakennedy]

Adjust arrow position. See: ​https://cldup.com/PqdG72MpqT.png

[melchoyce]

Looks good!

[karmatosed]

In 38909:

Twenty Seventeen: Display scroll down arrow when no menu

This improves scrollability without a menu.

Props nnaimov, melchoyce, davidakennedy
Fixes #38392