Avisos
Vaciar todo
Buenas tardes,
He estado comprobando como se ve mi sitio Web desde dispositivos smartphone y observo que el logo de mi empresa y las imágenes contenidas en la galería inicio (plantilla pandora) no se adaptan a dispositivos smartphone y se quedan cortadas o se deforman.
¿Cómo puedo hacer para que estos elementos sean responsivos como el resto del contenido de la Web?
Gracias, un saludo
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 27/07/2016 3:02 pm
Hola
He visto que se crea un scroll por el ancho de logo en móviles.
Podrías hacer que se vea un poco más pequeño con le siguiente código CSS:
@media (max-width:480px){
header #rt-logo{
width:200px;
height:70px;
background-size:200px 70px!important;
}
}
Puedes agregar este código al final de archivo style.css de tu theme o usar un archivo css personalizado
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html
La otra opción es que cambies el logo y uses un logo para la versión móvil, en este caso puedes revisar :
https://decodecms.com/cambiar-el-logo-en-la-version-movil-de-tu-sitio-web/
El resto de elementos lo veo bien, indicanos que otros elementos adicionales no se ven correctamnete?
Saludos.
Respondido : 27/07/2016 7:43 pm
Ok. Probaré lo que me indicas.
Lo otro que no funciona correctamente son las imágenes del slider de la galería inicio que en dispositivos móviles se deforman al reducirse el tamaño de pantalla.
Un saludo
Respondido : 27/07/2016 9:08 pm
Hola
Prueba agregando adicionalmente el siguiente código CSS:
@media (max-width:480px){
.sprocket-features-img-container img{
min-height:auto!important;
}
#rt-top-surround.absoluto{
position:static;
}
}
Saludos.
Respondido : 27/07/2016 11:25 pm
Buenos días,
Tema solucionado, gracias
Un saludo,
César
Respondido : 08/08/2016 12:01 pm
