[Jefferson Maldonado]

Hola Simón,

Gracias por mostrarnos el problema en detalle. Las inconsistencias visuales entre navegadores suelen darse por cachés corruptas, ajustes regionales del navegador y ciertas configuraciones propias de Divi.

La forma más efectiva de resolverlo es así:

Primero, limpia todas las cachés: la caché del navegador (Chrome, Firefox, Safari), la de tu plugin de caché, la del CDN si usas, y sobre todo la caché estática de Divi desde Divi → Theme Options → Builder → Advanced → Clear Static CSS. Esto muchas veces soluciona las diferencias visuales más notorias. Lo vemos a detalle en esta guía: https://uxdivi.com/blog/guia-para-solucionar-los-problemas-mas-comunes-en-divi

Luego, configura presets para filas, columnas y módulos en Divi. Así te aseguras de aplicar mismos valores de ancho, padding y tipografía en todo el sitio, evitando inconsistencias entre Chrome, Firefox o Safari.

Finalmente, haz pruebas en distintos navegadores y móviles usando sus herramientas de desarrollador:

• En Firefox activa el modo responsive y ajusta según veas diferencias.
• En Chrome usa la emulación de dispositivos para detectar problemas de espaciado en móviles ().

En Resumen:

• Limpia cachés (navegador, WordPress, CDN, y CSS estático de Divi).
• Usa presets en Divi para mantener coherencia global.
• Verifica el frente en DevTools en varios navegadores y dispositivos.

Con esto conseguirás que tu sitio se vea igual en todos lados, sin tener que añadir códigos ni resets personalizados. Un abrazo,

Jefferson – UXDivi

uxdivi.com

Guía para solucionar los problemas más comunes en Divi

Con esta guía podrás solucionar todos los posibles problemas que tengas con Divi, descubre paso a paso como resolver cualquier problema Divi ✅