Problemas diseño re...
Avisos
Vaciar todo

Problemas diseño responsive plantilla Dafne Joomla  

 
SALVADOR
 SALVADOR
Usuario experto

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

Citar
Respondido : 14/08/2018 7:23 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 14/08/2018 7:42 pm

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

SALVADOR
 SALVADOR
Usuario experto

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

ResponderCitar
Respondido : 18/08/2018 2:11 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 18/08/2018 2:45 pm

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

SALVADOR
 SALVADOR
Usuario experto

Mil Gracias Pepe, solucionado lo del Slide.

Te mando pantallazo del texto al que me refiero, q me gustaría centrar en la versión responsive. He estado probando pero no localizo el css al q corresponde.

Gracias anticipadas

ResponderCitar
Respondido : 18/08/2018 5:36 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba agregando el siguiente código CSS:

#posutility h2.headline .subline{
	text-align: center;
}

Saludos.

ResponderCitar
Respondido : 18/08/2018 6:01 pm

Cursos Gratuitos WordPress