Avisos
Vaciar todo

[Resuelto] Tamaño del logo  

 
Walter
 Walter
Reputable Member

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

Citar
Respondido : 26/07/2019 4:12 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 26/07/2019 5:07 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Walter
 Walter
Reputable Member

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

ResponderCitar
Respondido : 27/07/2019 3:47 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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

ResponderCitar
Respondido : 27/07/2019 8:20 pm

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

Walter
 Walter
Reputable Member

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)

ResponderCitar
Respondido : 28/07/2019 1:46 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 28/07/2019 5:22 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Walter
 Walter
Reputable Member

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

ResponderCitar
Respondido : 29/07/2019 2:00 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Walter,

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

Saludos.

ResponderCitar
Respondido : 29/07/2019 6:32 am

Cursos Gratuitos WordPress

Walter
 Walter
Reputable Member

Si. Probando y probando pude solucionarlo. Gracias

ResponderCitar
Respondido : 30/07/2019 3:09 pm