Twenty Fourteen: Menu toggle text displays on some Android devices

[zoonini]

Multiple users report that the menu-toggle text - "Primary Menu" or equivalent in other languages" - is visible and overlaps the hamburger icon on certain Android devices, running the default browser that comes with the OS.

Example site 1: ​http://www.burnthis.se/

Example screenshot 1:

Example screenshot 2: (site has since switched themes)

The same issue is seen by these users on the WordPress.com demo site: ​http://twentyfourteendemo.wordpress.com/

Example phone/OS experiencing the issue:

• Android 2.3.6 - Samsung Ace 2 - default browser

The issue is not present on iOS - the menu-toggle text is invisible, as intended.

Forum thread: ​http://wordpress.org/support/topic/menu-toggle-shows-text-in-android-236

[lancewillett]

Android Chrome on Nexus 5

[lancewillett]

Noting it's working as expected on Chrome on Android 4.4.2.

[obenland]

I don't have an Android device, so I have no idea if the patch works :)

[lancewillett]

Does anyone know the % of Android devices on that old platform? "Android 2.3.6" seems like a quite old platform, right?

[zoonini]

I found these stats from January 2014:

Android 2.3.6 looks like it's part of the second-largest usage band (21.2%), Gingerbread.

Reference: ​http://developer.android.com/about/dashboards/index.html?utm_source=ausdroid.net

[DavidTheMachine]

Testing at WordCamp Orange County with lancewillet, installed the Android SDK, emulating Gingerbread (2.3.3), and confirmed bug and that patch works.

[lancewillett]

In 28698:

Twenty Fourteen: fix menu toggle display on older Android devices. Props obenland, DavidTheMachine. Fixes #27456.

[schoenwaldnils]

27456.1.diff​ fixes that the dots on the german Ä in PRIMÄRES MENÜ appear in the menu-toggle-button

#wchh14

Before:

After:

[ocean90]

In 28756:

Twenty Fourteen: Adjust spacing for menu toggle button to avoid overflowing accented characters.

Broken in [28698].

props schoenwaldnils.
fixes #27456.