Avisos
Vaciar todo

como hago responsive el logo de PALENE

5 Respuestas
3 Usuarios
0 Reactions
1,320 Visitas
Antonio
Respuestas: 310
Reputable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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


 
Respondido : 10/08/2015 3:11 am
Luis Mendez Alejo
Respuestas: 23269
Illustrious Member
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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


 
Respondido : 10/08/2015 3:28 am
Antonio
Respuestas: 310
Reputable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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


 
Respondido : 11/08/2015 1:37 am
Johnny Heredia Montiel
Respuestas: 20127
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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.


 
Respondido : 11/08/2015 1:56 am
Antonio
Respuestas: 310
Reputable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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


 
Respondido : 13/08/2015 12:33 pm