Isso soa como deveria haver uma solução para toda a internet, mas não tenho certeza por que não consigo encontrá-lo. Desejo desativar a rolagem horizontal em dispositivos móveis. Basicamente tentando conseguir isso:

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

Isso pode ser uma informação relevante: eu também tenho isso na minha tag head, porque eu também não desejo que o usuário seja capaz de ampliar:

<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" />

obrigado