Problemas de responsive design y compatibilidad con Avada e Internet Explorer
Uno de los problemas (y casi únicos) que encontré con el tema de Avada es que entre más lo personalizas —me refiero a usar código HTML y CSS personalizado—, más trabajo tienes que hacer para que tu sitio sea 100% responsive. Por lo cual esto nos lleva a la compatibilidad con Internet Explorer.
⚠️ Con base en mi experiencia usando Avada: entre más opciones de rendimiento actives dentro de sus opciones de tema, menos compatible será con Internet Explorer.
¿Cómo solucionar problemas de compatibilidad de Avada con Internet Explorer?
Hay una simple solución para arreglar la mayor parte de problemas o errores con los sitios web para que se muestren bien en Internet Explorer.
Solución Avada + Internet Explorer
Solo debes ir a la sección de “Theme Options”, después “Performance” y por último a “Dynamic CSS & JS”. Copia las configuraciones que dejo abajo:
| CSS Compiling method | File |
| Load Media-Queries Files Asynchronously | Off |
| Enable CSS Variables | Off |
| Cache Server IP | Vacío |
| Enable JS Compiler | Off |
Nota: activar o desactivar estas opciones puede impactar un poco el rendimiento de tu sitio. Solo lo considero necesario si realmente tienes un cliente o una página que debe ser visible en Internet Explorer.
Listo
Ahora tu página web es compatible con Internet Explorer. Probablemente aún te queden pocos detalles por corregir en el CSS, como los display flex y grid. Espero que esta solución te haya ayudado.
