Twenty Fourteen: Menu toggle text causes a gap to the right of content

[kwight]

The .menu-toggle element contains text which is not contained by its parent, causing extra space to the right of content when below the 782px breakpoint.

text-indent is not an option as it would take the menu icon with it, and font-size cannot be zero as that causes issues with some mobile browsers. Therefore, the patch uses overflow: hidden.

[lancewillett]

@kwight Thank you for the ticket and patch. For the sake of our future selves, could you please add before and after screenshots? Thanks.

[lancewillett]

In 26600:

Twenty Fourteen: avoid a potential gap in menu-toggle content. Props kwight, fixes #26383.

[kwight]

While displaying properly on load, scrolling to the right reveals the extra space created by the menu toggle text.

With 26383.patch, the page loads properly, with no left/right scrolling possible.

[Editor's note: this is to document the original issue, not an additional bug report.]