Avisos
Vaciar todo

logo no se adapta a pantalla  

 
Julian
 Julian
Reputable Member

Buenas! Utilizo la plantilla Mimas, y cuando se visualiza la web en un dispoisitivo mas pequeño el logo de la web se visualiza de manera incorrecta, como puedo modificarlo para que se adapte al tamaño de la pantalla...

Desde ya muchas gracias!

Saludos!!!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 24/09/2014 5:52 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Esto des debido a que tu logo es muy grande, se tendría que corregir por CSS para determinadas dimensiones de la pantalla

Ubica el archivo : /templates/mimas/css/mimas-custom.css , en el final del archivo agrega el siguiente código :

@media (max-width: 767px){
	#rt-header #rt-logo{
		background-size:100%!important;
		width:auto;
	}	
}

Saludos.

ResponderCitar
Respondido : 24/09/2014 8:47 pm

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

Julian
 Julian
Reputable Member

Gracias por tu respuesta! Ha funcionado!!!!

Pero tengo un espacio en blanco que me estira toda la página, como puedo achicarlo?

PD: Con el @media le estas diciendo que es para dispositivos móbiles?, osea se aplica a ese css?

Gracias por todo!!!!

ResponderCitar
Respondido : 24/09/2014 10:12 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

En la misma clase debes dejar height en cero es decir:

#rt-header #rt-logo{
		background-size:100%!important;
		width:auto;
                height:0;
}	
ResponderCitar
Respondido : 25/09/2014 1:47 am

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

Julian
 Julian
Reputable Member

Gracias por tu respuesta, he agragado lo que me has dicho, pero me desaparece la imagen...

Adjunto captura!

Desde ya muchas gracias!

saludos!!!

ResponderCitar
Respondido : 26/09/2014 12:18 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

No veo el override aplicado, lo aplicaste sobre el mismo fichero /templates/mimas/css/mimas-custom.css?

ResponderCitar
Respondido : 26/09/2014 1:21 am

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

Julian
 Julian
Reputable Member

Buenas! Sisi! Lo he agregado alli...

Te adjunto la captura...

Saludos!

ResponderCitar
Respondido : 26/09/2014 6:14 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Julian

En lugar de 0 pon otro valor, por ejemplo : height:80px;

Saludos.

ResponderCitar
Respondido : 26/09/2014 7:32 pm

Cursos Gratuitos WordPress

Julian
 Julian
Reputable Member

Gracias por tu respuesta!

Lo he probado pero me sucede lo mismo! Desaparece el logo..

ResponderCitar
Respondido : 29/09/2014 3:30 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Julian,

Puedes pegar aquí el estilo que cambias de tu archivo .css (en la captura no se percibe correctamente). Ponlo entre etiquetas code (arriba, encima de las caritas de emoticones, tiene un icono para encerrar el código entre etiquetas code).

Saludos

ResponderCitar
Respondido : 29/09/2014 3:50 am

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

Julian
 Julian
Reputable Member

Buenas! Te tengo que pedir disculpas, he actualizado y logro ver los cambios..

Funciona perfecto!!! Desde ya muchas gracias!!!

Siempre solucionando todos los problemas!

Muy agradecido!

Saludos!

ResponderCitar
Respondido : 29/09/2014 5:24 pm