Tengo un sitio web aquí .
Visto en un navegador de escritorio, la barra de menú negra se extiende correctamente solo hasta el borde de la ventana, ya que body
tiene overflow-x:hidden
.
En cualquier navegador móvil, ya sea Android o iOS, la barra de menú negra muestra su ancho completo, lo que trae espacios en blanco a la derecha de la página. Por lo que puedo decir, este espacio en blanco ni siquiera es parte de las etiquetas html
o body
.
Incluso si configuro la ventana gráfica a un ancho específico en <head>
:
<meta name="viewport" content="width=1100, initial-scale=1">
El sitio se expande hasta los 1100 px pero aún tiene el espacio en blanco más allá de los 1100.
¿Qué me estoy perdiendo? ¿Cómo mantengo la ventana gráfica a 1100 y corte el desbordamiento?