Overflow-x: hidden no evita que el contenido se desborde en los navegadores móviles
Tengo un sitio webaquí.
Vista en un navegador de escritorio, la barra de menú negra se extiende correctamente solo hasta el borde de la ventana, ya quebody
tieneoverflow-x:hidden
.
En cualquier navegador móvil, ya sea Android o iOS, la barra de menú en negro muestra su ancho completo, lo que pone espacios en blanco a la derecha de la página. Por lo que puedo decir, este espacio en blanco no es ni siquiera una parte de lahtml
obody
etiquetas
Incluso si configuro la ventana gráfica a un ancho específico en el<head>
:
<meta name="viewport" content="width=1100, initial-scale=1">
El sitio se expande a 1100px pero aún tiene espacios en blanco más allá de los 1100.
¿Qué me estoy perdiendo? ¿Cómo mantengo la ventana gráfica a 1100 y corté el desbordamiento?