Avisos
Vaciar todo
En la web http://www.araweb.es en la parte central tengo los servicios (dos líneas de servicios con 3 servicios por línea, estan programados para que cada uno ocupe el 33% del ancho).
Cuando hacemos mas pequeña la pantalla y en lugar de 3 deberían aparecer dos servicios (programados para que ocupen el 50%) en algunos casos funciona, sin embargo , no coloca tres filas de 2 servicios.
La imagen describe bien el el fallo
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 29/09/2015 7:38 pm
Hola
Tienes un código CSS que no esta funcionando correctamente, ubcia este archivo :
/templates/flexible_lightmart/css/custom.css
En la línea 978 aprox hay un código como :
#k2Container .itemList #itemListLeading .itemContainer{
width:50%!important;
}
Tendrías que eliminar o comentar este código
Saludos.
Respondido : 29/09/2015 8:04 pm
Gracias John, el tema es que no lo puedo quitar, ya que quiero que me saque dos items por línea y no 3 cuando cambia el ancho de la pantalla y si lo elimino me pone 3. Necesito me saque a todo ancho 3, luego 2 y luego 1
...espero me comprendas...
gracias
Respondido : 29/09/2015 8:26 pm
Hola
Lo que sucede es que estructuralmente, a nivel de html, tienes un elementos separador cada 3 items, es decir, tu plantilla no esta diseñada para mostrar dos ítems sino tres por fila y uno en modo responsive, el problema es el separador
Para esto tendría que ocultarse el separador, lo que llevaría el problema de que los ítems salgan desalineados, por eso tendrías que poner una altura mínimia, de acuerdo a tu contenido sería 520px aprox
Ubica el siguiente archivo, agrega el código al final :
/templates/flexible_lightmart/css/custom.css
Agrega el siguiente código
@media (max-width:820px){
#k2Container .itemList #itemListLeading .itemContainer{
min-height:510px;
}
.grid-block .clr{
display:none;
}
}
@media (max-width:480px){
#k2Container .itemList #itemListLeading .itemContainer{
min-height:auto;
}
}
Como verás sólo es para corregir el problema cuando es <820px que es cuando ocurre, oculta el separador .clr y da una altura minima, menor a 480px vuelve la altura a la normalidad
Saludos.
Respondido : 29/09/2015 10:15 pm
...Solucionado...
Muchas gracias por todo
Respondido : 30/09/2015 8:57 pm
