Avisos
Vaciar todo

Como hacer que mi logo se adapte para todos los equipos  

 
vglobo
 vglobo
Reputable Member

Solución para adaptar logotipo a todos los dispositivos. Logo responsive para Wordpress 4.8

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 16/07/2017 8:07 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Erica,

El pack Palene para WordPress por defecto es "responsive" y eso incluye también la vista del logo desde dispositivos móviles, tal como puedes ver en esta demo nuestra si la visualizas desde un móvil:

- https://demos-wordpress.webempresa.com/palene/

El problema viene cuando utilizas un logo que es de un tamaño muy grande y que en dispositivos se desbordaría por la parte derecha de tu tema al no escalarse bien.

Veras los vídeos que tenemos creado para los Packs WordPress basados en el framework Gantry, como es el caso de pack Palene para WordPress.

Sírvete del tamaño de logo de Palene "original" para determinar que tamaño de logo te conviene utilizar en portada, quizás te salga más a cuenta usar un logo más pequeño (como hacen muchos periódicos online) y el espacio libre usarlo para banners de publicidad que llamarán más la atención.

Saludos

ResponderCitar
Respondido : 16/07/2017 11:24 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

vglobo
 vglobo
Reputable Member

Buenas.
No soy un experto en eso. Me podrias indicar paso a paso, como hacerlo. El logo esta en la imagen que le envie. Ayudenme en esa parte. Que lo pueda colocar en todas partes.
Como puedo hacer mi logo mas pequeño, com tu dice?

ResponderCitar
Respondido : 17/07/2017 7:44 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Erica.

Veo que modificaste el tamaño del logo por css, en tu caso tienes:

#rt-logo {
    height: 130px;
    width: 1024px;
}

Lo primero es modificar ese código por el siguiente:

#rt-logo {
    display: block;
    height: 72px;
    margin: 0 auto;
    width: 320px;
}

La imagen que tienes de tu logo hay que modificarla para que tenga un tamaño de 320x72px, esto lo puedes realizar con algún programa de edición de imágenes como puede ser el paint

Un saludo

ResponderCitar
Respondido : 17/07/2017 10:31 am

vglobo
 vglobo
Reputable Member

Buenas.
Parece que con esas informaciones que me enviaste, se resolvio lo que me decias.
Esta en un tamaño adecuado.
Se adapta a los demas dispositivos.
Gracias.

ResponderCitar
Respondido : 19/07/2017 4:12 am