Avisos
Vaciar todo

como hago responsive el logo de PALENE  

 
Antonio
 Antonio
Reputable Member

he colocado un logo mas ancho que el original en mi web de PALENE y no se hace responsive ¿existe forma de conseguirlo? o simplemente btengo que disminuir el tamaño del logo, quedaría muy raquitico el titular del periodico, incluso me gustaría que fuera algo mas ancho

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 10/08/2015 4:11 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Antonio,

Una forma de forzar a que en dispositivos móviles tu logo tenga un tamaño ajustable o más responsivo seria añadiendo un CSS en el archivo del child-theme (tema hijo) de estilos, o en el custom.css similar a este:

@media only screen and (max-width: 767px) {
	.header-image .site-header .wrap {
	  background: url('images/mobile-logo.png') no-repeat left;
	}
}

Donde images/mobile-logo-png deberías sustituirlo por la versión del logo para móviles. Es decir, deberías tener el logo normal de la web y un logo especifico para mostrarse en dispositivos móviles, naturalmente más pequeño.

Saludos

ResponderCitar
Respondido : 10/08/2015 4:28 am

Antonio
 Antonio
Reputable Member

uffff para mi eso son palabras mayores meterme en el código me da pavor... lo dejo para mas adelante creo que tengo una alternativa mas sencilla que es poner como logo:
AQUí
SANTANDER
en vez de:
AQUÍ SANTANDER
aunque no se como me resultaré estéticamente... lo dejo por ahora abierto

ResponderCitar
Respondido : 11/08/2015 2:37 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Al no tener conocimientos de programación es mejor cambiar la estética del logo en caso de no tener una linea gráfica, por ejemplo el isotipo que indicas puede ser una solución aplicable donde la palabra Aquí o Santander pueden tener un mayor tamaño en el texto que la otra palabra.

ResponderCitar
Respondido : 11/08/2015 2:56 am

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

Antonio
 Antonio
Reputable Member

Hola Johnny, ya lo hice como veras en http://www.aquisantander.es y aunque valoré dar un mayor tamaño a AQUÍ al final me decidí por dejar las las dos palabras con el mismo tamaño de letra y ahora ya es perfectamente responsive.... gracias y cerramos el hilo, otra solución perfecta

ResponderCitar
Respondido : 13/08/2015 1:33 pm