Problema con foto de cabecera al verlo desde el móvil  

 
José Luís
 José Luís
Usuario experto

Buenos días, en mi tienda http://product9-cp512.wordpresstemporal.com/temporal/ veo el logo de arriba bien, pero al meterme en el móvil me fastidia toda la página porque es demasiado ancho (como puedo decir que lo haga más pequeño para el móvil o ponerte otra imagen en caso de que la resolución sea menor de X medidas?.

O si sabéis alguna otra solución, me gustaría que la dijeráis, por favor.

Muchas Gracias.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 13/03/2015 4:12 pm
Julen
 Julen
Miembro Admin

Hola,

Veo que has subido una imagen muy grande. Bastaría con que cambies las dimensiones de tu logo por otro con una dimensiones menores. Puedes utilizar cualquier editor de imágenes para ello.

Aunque se podría reducir el tamaño de la imagen usando CSS no es conveniente hacerlo así, ya que la imagen ocuparía un espacio mayor en disco innecesario, con lo que aumentaría el tiempo de carga.

En resumen, tendrías que subir tu logo con el tamaño con el que quieras que se muestre.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/03/2015 4:50 pm

Cursos Gratuitos WordPress

Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

Veo que además has realizado modificaciones CSS en las dimensiones de la etiqueta
#rt-logo, esto sería incorrecto si quieres que se comporte de manera responsive, tendrías que evaluar quitar este código o condicionarlo con CSS a través de @media

Además @media te permitirá cambiar de logo dinamicamente si aún quieres conservar este diseño en una pantalla grande y sólo cambiar el logo en un movil, pero tendrías que deshacer los cambios que has hecho primero.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/03/2015 5:06 pm
José Luís
 José Luís
Usuario experto

El CSS lo tendría que poner en el fichero /temporal/wp-content/themes/helena_wp/css-compiled/mediaqueries.css o en qué fichero para poder configurar el @media?

Gracias.

ResponderCitar
Respondido : 14/03/2015 10:05 am

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

Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

No uses los archivos de esta carpeta : css-compiled , lo que te indica el nombre de la carpeta es que los archivos que hay aqui se compilan cada vez que hay un cambio en los archivos .less por lo tanto se sobreescriben, debes usar un archivo personalizado, revisa :
https://www.webempresa.com/blog/item/1469-agregar-archivo-css-personalizado-para-plantillas-gantry.html

De hecho todo tu código adicional e incluso modificaciones debería estar en este archivo

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/03/2015 3:25 pm
José Luís
 José Luís
Usuario experto

Con este CSS personalizado en Helena Theme - Estilo sale bien.
Gracias.
@media only screen and (max-device-width: 768px) {
#rt-logo {
background: url("http://product9-cp512.wordpresstemporal.com/temporal/wp-content/uploads/portada_web-movil1-e1428006296287.png") no-repeat center 0px transparent !important; width: 100%;
height: 200px;
}
}

ResponderCitar
Respondido : 04/04/2015 4:06 pm

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

Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

Entiendo que ya solucionaste tu problema

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 05/04/2015 7:54 pm
José Luís
 José Luís
Usuario experto

Si, podéis cerrar el hilo.
Gracias.

ResponderCitar
Respondido : 06/04/2015 2:34 am

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

Por favor Iniciar Sesión o Registro