Avisos
Vaciar todo
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
Respondido : 13/03/2015 4:12 pm
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.
Respondido : 13/03/2015 4:50 pm
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
Respondido : 13/03/2015 5:06 pm
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.
Respondido : 14/03/2015 10:05 am
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/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
Respondido : 14/03/2015 3:25 pm
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;
}
}
Respondido : 04/04/2015 4:06 pm
Hola
Entiendo que ya solucionaste tu problema
Saludos.
Respondido : 05/04/2015 7:54 pm
Si, podéis cerrar el hilo.
Gracias.
Respondido : 06/04/2015 2:34 am
Por favor Iniciar Sesión o Registro to reply to this topic.
