Diseño web adaptable a móviles no funciona en algunos dispositivos (pero en otros sí).

Hola, tengo un problema.

Luego de mucho trabajo (Ya que soy nuevo con el javascript), logré hacer un diseño web adaptable a celulares tabletas y otras pantallas. Funciona perfectamente usando el device toolbar de mi computador, o también con mi celular. Pero a la hora de probarlo con otros móviles no funcionó.

El problema es que cuando abro el menú dandole al botón al lado del logo, en algunos celulares como el iPhone no pasa nada. El resto de la página funciona bien.

Lo probé usando:

  • El "device toolbar" de Google Chrome. Funcionó :D
  • Mi celular (Motorola Moto G3). Funcionó :D
  • Un Motorola Moto G1. Funcionó :D
  • Un iPhone 5. No funcionó :(
  • Un Samsung Galaxy J5. No funcionó :(

Espero me puedan ayudar a solucionar el problema, les dejo el "código" y el link de la página web (Es solo una página de pruebas actualmente):

Página web: https://arias00.github.io Open source: https://github.com/Arias00/Arias00.github.io

Muchas gracias :)

*Si quieren también métanse a la página con sus celulares y me avisan si les funciona el botón para abrir el menú.