Revisar el comportamiento responsivo del selector

La capacidad de respuesta del selector depende tanto de la superficie elegida como del tema activo.

Shortcode y menús desplegables flotantes

El menú desplegable de POM Translate:

  • mide el espacio disponible al abrirse;
  • puede abrirse por encima o por debajo;
  • puede alinearse a la izquierda o a la derecha;
  • limita su ancho al área de visualización;
  • limita su altura y añade desplazamiento interno;
  • recalcula mientras un selector abierto se redimensiona o se desplaza.

El menú desplegable flotante fijo se sitúa cerca de la parte inferior derecha. En anchos de hasta 782 píxeles, su margen interior cambia de 1rem a 0.75rem.

Un selector de navegación pasa a formar parte del árbol de menús del tema. El tema controla los puntos de ruptura, el comportamiento del menú hamburguesa, las transiciones de los submenús, el desbordamiento y las zonas táctiles.

Prueba tanto Dropdown menu como All languages at the same level si el menú cambia sustancialmente de estructura en el móvil.

Los formatos al mismo nivel y de enlace por shortcode no utilizan la medición de colisión del menú desplegable. Su ajuste de línea, espacios, alineación y desbordamiento provienen del diseño circundante y del CSS del sitio.

Prueba de aceptación responsiva

Comprueba al menos:

  1. el ancho de teléfono más estrecho compatible;
  2. el punto de ruptura de 782 píxeles de WordPress;
  3. la tableta en vertical;
  4. el punto de ruptura de la cabecera de escritorio;
  5. el zoom del navegador al 200%;
  6. una configuración regional con la etiqueta visible más larga.

Verifica que todos los idiomas sigan siendo accesibles, que el foco sea visible, que el selector no cubra controles críticos y que abrirlo no genere desplazamiento horizontal de la página. Incluye los banners de cookies, las cabeceras fijas y las barras de administración en la prueba cuando aparezcan en producción.