Avisos
Vaciar todo

[Resuelto] Tamaño del logo

9 Respuestas
3 Usuarios
0 Reactions
94 Visitas
Respuestas: 359
Reputable Member
Topic starter
 

Hola,

Recientemente he cambiado el logo y lo he insertado en la web pero veo que queda muy chico.
He probado cambiando el tamaño de la imagen png pero no logro hacerlo (quisiera que sea mas largo, el alto está relativamente bien).

Otro problema que veo es que en la version movil el logo queda muy chico y no se como mejorarlo.
ME podran ayudar por favor?

Graciass

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 26/07/2019 3:12 am
Johnny Heredia Montiel
Respuestas: 20131
Miembro
 

Hola,

Me encuentro revisando el logo sobre la web y parece tener el tamaño adecuado.

Tienes el tamaño exacto en pixeles que desees que se muestre?, es probable que se este recortando.


 
Respondido : 26/07/2019 4:07 am
Respuestas: 359
Reputable Member
Topic starter
 

En la versión de escritorio está más o menos bien, pero en la vista móvil queda demasiado pequeño. Te adjunto un ejemplo


 
Respondido : 27/07/2019 2:47 pm
Bulmaro
Respuestas: 4380
Soporte CMS Webempresa
 

Hola Walter,

Agrega el siguiente CSS:
#cshero-header-inner #cshero-header #cshero-header-logo a img {
    width: 60%;
    height: 50%;
} 

Para ello necesitas la siguiente extensión https://www.joomlashack.com/blog/joomla/custom-css/

Saludos


 
Respondido : 27/07/2019 7:20 pm
Respuestas: 359
Reputable Member
Topic starter
 

Hola,

Te adjunto un print para que veas el resultado.

El logo queda como estirado (deformado) pero cuando scroleo queda sin ese defecto (siempre en la versión móvil de la web).

Como podré arreglar ese defecto?

Este cambio afecta también a la versión de escritorio? (yo no lo he notado pero consulto por las dudas)


 
Respondido : 28/07/2019 12:46 am
Bulmaro
Respuestas: 4380
Soporte CMS Webempresa
 

Hola Walter,

Prueba con editando el CSS anterior como sigue:

@media only screen and (max-width: 768px) {
#cshero-header-inner #cshero-header #cshero-header-logo a img {
    width: 60%;
    height: 50%;
} 
} 

Guardas cambios y dependiendo del comportamiento evalúa el resultado editando el CSS anterior como sigue:

@media only screen and (max-width: 768px) {
#cshero-header-inner #cshero-header #cshero-header-logo a img {
    width: 60%;
    height: 50% !important;
} 
} 

Saludos.


 
Respondido : 28/07/2019 4:22 am
Respuestas: 359
Reputable Member
Topic starter
 

El resultado sigue siendo el mismo.
Por algun motivo el logo queda deformado cuando carga la pagina y si escroelo hacia abajo se arregla.


 
Respondido : 29/07/2019 1:00 am
Bulmaro
Respuestas: 4380
Soporte CMS Webempresa
 

Hola Walter,

Veo que lo has solucionado defiendo una altura de 65% al elemento que contiene la imagen. ¿Es correcto?

Saludos.


 
Respondido : 29/07/2019 5:32 am
Respuestas: 359
Reputable Member
Topic starter
 

Si. Probando y probando pude solucionarlo. Gracias


 
Respondido : 30/07/2019 2:09 pm