No puedo hacer zoom con los dedos en el móvil en una web con Divi: causas y soluciones

Causas principales

- **Meta viewport con "user-scalable=no"**: muchos constructores, Divi incluido, añaden esta etiqueta por defecto para impedir el zoom en móviles y favorecer el diseño "responsive". Por ejemplo:

*(Esto bloquea el zoom de forma explícita).*

- **CSS con "overflow-x: hidden" o "touch-action: none"**: algunos temas o módulos de Divi aplican estilos que limitan los gestos táctiles para evitar el scroll horizontal no deseado.

- **Ajustes responsive de Divi**: Divi prioriza que el diseño se vea en móvil tal y como lo planeaste, y a veces sacrifica la accesibilidad, como el zoom.

Cómo solucionarlo

Opción 1: modificar el meta viewport (recomendada)

- Ve a **Divi → Opciones del tema → Integraciones**.

- En **"Código en el < head >"**, pega esto (sin user-scalable=no y con escalas ajustadas):

*(Permite hasta 5x de zoom y evita bloqueos).*

Opción 2: añadir CSS personalizado

- Ve a **Divi → Personalizador → CSS adicional**.

- Añade este código para habilitar los gestos táctiles:

html, body { touch-action: manipulation !important; overflow-x: visible !important; }

Opción 3: usar un plugin (si no quieres tocar código)

- Instala plugins como **"WP Touch Mobile Plugin"** o **"Enable Zoom"**, que fuerzan el zoom en móviles.

Ten en cuenta

- **Diseño roto**: permitir el zoom puede alterar cómo se ve la web en el móvil (elementos desbordados, menús cortados). Pruébalo en varios dispositivos.

- **Compatibilidad**: algunos navegadores, como Chrome en Android, ignoran user-scalable=no por accesibilidad, pero Safari (iOS) suele respetarlo.

- **Accesibilidad**: bloquear el zoom perjudica a quien tiene problemas de visión. Si tu público es mayor o necesita accesibilidad, **deja el zoom activo**.

¿Por qué lo hace Divi por defecto?

Constructores como Divi dan más importancia al control del diseño que a las funciones nativas del navegador. Quieren que la página se vea “perfecta” en el móvil, aunque eso choque con la usabilidad.

Así debería quedar el viewport ideal para permitir zoom: