Pregunta sobre Lana Blog de Wordpress:

CSS para cambiar el logotipo personalizado

Un usuario preguntó 👇

Me preguntaba si hay algún tipo de código CSS que pueda insertar y que pueda cambiar mi logo automáticamente dependiendo de la intención del usuario. Cuando está en un teléfono móvil o una tableta, mi logotipo es demasiado grande, pero en la mayoría de las resoluciones de escritorio es bueno. ¡Agradecemos cualquier aporte! ¡Gracias!

Autor del tema

(@lanacodes)

Hace 3 años, 4 meses

.header .custom-logo {
   display: block;
   max-width: 100%;
   height: auto;
}

Este código CSS ayuda con la capacidad de respuesta de la imagen.

Espero poder ayudar. Si tiene alguna pregunta, hágamelo saber.

Lanzador de hilos

(@mayhemkrew)

Hace 3 años, 4 meses

¡Muchos gracias! ¡Funcionó perfectamente! ¿Ha sugerido las dimensiones del logotipo para usar?

Esta respuesta fue modificada hace 3 años, 4 meses por. Autor del tema

(@lanacodes)

Hace 3 años, 4 meses

Esto depende completamente de su logotipo.

El ancho recomendado es de 300 a 500 píxeles (solo un máximo de 1140 píxeles). La altura recomendada es 150-200px.

Lanzador de hilos

(@mayhemkrew)

Hace 3 años, 4 meses

Supongo que la razón por la que pregunto es que mi logotipo actual es 1000 × 200, pero aún en mi escritorio no cruza los artículos de noticias «encuadrados». Sin embargo, se ve muy bien en un teléfono móvil / tableta.

http://www.catchmehooking.com

Agradezco toda la ayuda hasta ahora. Gracias.

Autor del tema

(@lanacodes)

Hace 3 años, 4 meses

Oh, sí, porque tiene un Encabezado> Posición del título del sitio> «Izquierda» en Personalizar.

Cambie a «Medio», ya que en este caso el contenedor del logotipo es de ancho completo. Ajustado a «Izquierda» solo 50% de ancho.

Lanzador de hilos

(@mayhemkrew)

Hace 3 años, 4 meses

¡Perfecto! Lo entiendo ahora. ¡Gracias de nuevo! ¡Amo el tema también!

Autor del tema

(@lanacodes)

Hace 3 años, 4 meses

Estaba feliz de poder ayudar. Le deseo mucho éxito en su sitio web.

Si calificas mi tema, me ayudarás mucho. 🙂

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.