Esto suena como que debería haber una solución para todo esto a través de Internet, pero no estoy seguro de por qué no puedo encontrarla. Quiero desactivar el desplazamiento horizontal en dispositivos móviles. Básicamente tratando de lograr esto:

body{
   overflow-x:hidden  // disable horizontal scrolling.
}

Esta puede ser información relevante: también tengo esto en mi etiqueta de cabecera, porque tampoco deseo que el usuario pueda hacer zoom:

<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
<meta name="viewport" content="width=device-width" />

Gracias