Buenas tardes
Estoy con esta plantilla Gantry de Jommla, pero no consigo configurar correctamente la versión responsive.
Por un lado tenemos el slide de Roksprocket con el que he probado diferentes posiciones, diferentes configuraciones, así como algún cambio de CSS que he visto en algún otro foro. No ha habido manera de conseguir algo tan sencillo como adaptar el slide a tamaño responsive.
Por otro lado he insertado fondos en la plantilla en los diferentes apartados, en sustitución de los que había, y tampoco he conseguido adaptarlos en la versión responsive, de manera que se quedan en el tamaño original como porción de la esquina izquierda superior, perdiendo la visibilidad como fondo.
La web la tengo con un index provisional, y hay que entrar por alguno de los directorios.
Gracias
Hola
Con respecto a que el slide sea responsive, puedes probar con el siguiente código CSS
body .sprocket-features-img-list img{ max-width: 100%!important; left:0!important;; }
Puedes agregar este código en algún archivo .css personalizado, revisa:
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html
Saludos.
Hola John de nuevo
Parece que funcionó inicialmente el css personalizado, pero no se porque motivo ahora en la versión responsive, el slide aparece semi-ocultado debajo de la barra del menú, viéndose mal y claro sin poder reproducirlo.
Por algún motivo también ahora los titulares de cada apartado, también en la versión responsive, aparecen justificados hacia la derecha, cuando en web se ven centrados.
¿Alguna personalización más para que se vea todo correctamente en la versión responsive?
Gracias de antemano
Hola Salvador.
en la versión responsive, el slide aparece semi-ocultado debajo de la barra del menú
Añade lo siguiente a tu archivo de estilos:
@media only screen and (max-width: 780px) { .layout-slideshow { margin-top: 8em; } }
aparecen justificados hacia la derecha, cuando en web se ven centrados
Que titulares te refieres ? si veo la web tanto en la version movil como en la de PC los titulos de los productos estan alineados a la izquierda, si puedes adjuntar una captura de os titulos qu equieres indicar, nos ayudaria a bsucar la solucion.
Un saludo
Hola
Prueba agregando el siguiente código CSS:
#posutility h2.headline .subline{ text-align: center; }
Saludos.