Quitar scroll horizontal en dispositivos móviles

[jesus_e_borquez_m]

Lo que pasa es que agregue el siguiente código css para quitar el scroll horizontal de mi página:

Código:

body {
   overflow-x: hidden;
}

pero solo me funciona en computadoras de escritorio y laptops, no me esta agarrando en los celulares y ipads.

No se si tenga algo que ver con el iframe, espero y me puedan ayudar.

De antemano agradezco su respuesta.

[jvier]

Hola, el iframe tiene un parametro que posiblemente ayude..

Código HTML:

<iframe src="" scrolling="no"></iframe>
 

[jesus_e_borquez_m]

Ya lo probé, pero me sigue generando el scroll, no se si podría haber alguna otra solución.

[jvier]

La web de la que hablas esta online? puedo verla para ver donde esta el problema?

[jesus_e_borquez_m]

Esta en kayros.com.mx, pero el problema esta solo en los celulares y tablets, en las computadoras y laptops si funciona.

[jvier]

Asi como la veo el scroll horizontal solo se muestra en resoluciones inferiores a 240px de ancho, pero en computadora, si dices que va bien en equipos de escritorio y laptops parece ser que alguno de tus CSS es incompatible con navegadores móviles, te recomiendo el uso de frameworks responsivos tales como bootstrap o foundation, pero eso implica que vuelvas a maquetar tu web...

[jesus_e_borquez_m]

Muchas gracias de seguro, como dices, algún css debe ser incompatible con dispositivos móviles, veré si es posible utilizar alguno de los frameworks que mencionas.

[pzin]

El problema real que tienes no tiene que ver con overflow. Con esa «solución» sólo estás encubriendo el problema real, que no es otro que algún o algunos elemento/s está/n creando un scroll horizontal que no deberían. Intenta arreglar eso y no tendrás necesidad de ocultar nada.

Y no repitas temas, ya que va en contra de las políticas del foro.