Una de las cosas que más me pone de los nervios de Divi, a pesar de que me encanta, es que cuando añades tu propio logo este se muestra muy feo, pixelado o a baja calidad.
Ya sea por el tamaño de la imagen elegida o el formato, cuando el tamaño del menú principal es pequeño se suele mostrar poco nítido y básicamente se ve mal.
En esta captura de la web de mi empresa puedes comprobar a lo que me refiero:
Una posible solución
Una posible solución, manual, es subir el logo al tamaño máximo – o similar – que se vaya a mostrar en tu menú principal. Es un apaño, pero funciona.
Una solución de verdad
Pero si no quieres andar haciendo experimentos o cálculos ridículos lo mejor es que añadas este poquito de CSS desde el Personalizador de temas > CSS adicional:
1 2 3 4 5 6 7 | /* Mostrar el logo Divi a buena calidad */ #logo { -webkit-transition: initial; -moz-transition: initial; transition: initial; -webkit-transform: initial; } |
Guarda los cambios y tu logo ya se verá decentemente.
Siguiendo el mismo ejemplo de la web anterior ahora se vería así, sin cambiar el archivo de imagen, solo aplicando el CSS anterior:
Este es uno de mis trucos para Divi favoritos, por lo fácil que es de aplicar y el estupendo y visible resultado con el mínimo esfuerzo.
¿Te gustó este artículo? ¡No sabes lo que te estás perdiendo en YouTube!
