Cómo se ve el sitio en el teléfono y cómo está organizado el menú móvil

En una pantalla estrecha — hasta 768 píxeles — el menú superior se reorganiza solo, no hay que configurar nada:

• en el encabezado solo quedan el logotipo y el saludo, a la derecha el botón «hamburguesa»;
• al pulsarlo, los demás elementos se despliegan en una lista bajo el encabezado: fila a todo lo ancho, texto centrado, líneas finas entre filas;
• una segunda pulsación o un clic fuera cierra la lista;
• un saludo largo que no cabe junto al logotipo pasa entero a la segunda línea, el botón queda a la derecha del logotipo.

Qué elementos quedan en el encabezado no se configura: solo el logotipo y el saludo. Todo lo demás del menú superior está dentro de la lista.

Logotipo. En el teléfono se ajusta al ancho, y la altura de la ventana de estilos se convierte en su límite. No habrá espacio vacío de más arriba ni debajo del logotipo.

Cómo comprobar. Abra el sitio en el teléfono o estreche la ventana del navegador. El botón de cambio de modo administrador en el teléfono aparece como un círculo junto a la «hamburguesa».

Si no funcionó

• En el teléfono el sitio se ve pequeño, como en el ordenador. Actualice la página borrando la caché: el teléfono pudo haber guardado una versión antigua de la página.
• La página se desplaza hacia los lados. Lo impide un elemento ancho en el texto — una tabla o un bloque con ancho fijado en píxeles. Reduzca el ancho o defínalo en porcentaje.
• El botón que necesita se ocultó en la «hamburguesa». Por ejemplo, «Instalar aplicación». Colóquelo en el pie de página o como sección en la página.