Avisos
Vaciar todo
Hola amigos.
Me he configurado un menu de categorias de virtuemart, lo he hecho con el módulo que etsá muy bueno llamado cinch menú gracias a un tutorial que ustedes dejaron en el blog.
El módulo va muy bien pero solo en formato acordeón ya que el el formato desplegable (Como lo pueden ver en el sitio) al desplegar los sub menus estos quedan por detrás de las imagenes que van al costado derecho de dicho menú, lo que no permite visualizarlo.
Por lo que vi en el video hay que tocar estilos css pero no sé que estilos, que cambiar ni donde hacerlo.
A ver si me pueden ayudar con eso por favor, si no me tocará solo dejarlo como acordeón pero me gusta mucho más como desplegable a la derecha.
Saludos.
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 02/09/2014 10:19 pm
Hola Raul,
El problema no es del menú Cinch exclusivamente sino de que nivel de representación tiene dentro del contenedor con respecto a los contenedores laterales, en este caso derecho.
El z-index debe estar muy bajo y eso provoca que se quede escondido al desplegarse.
Tienes que editar en el módulo, el archivo accordion.css y localizar el estilo:
ul.accordion-menu {
border:1px solid #1a1a1a;
margin:0px;
padding:0px;
overflow:hidden;
line-height:16px;
list-style:none !important;
font-size:12px;
}
Y añadir:
z-index: 100;
Y verificar si tras limpiar caché carga por delante.
Saludos
Respondido : 03/09/2014 3:59 am
Gracias Luis por responder.
Hice como dijiste y te lo muestro en una captura para que me digas si está bien o no.
Lo otro es que tambien te dejo una captura de la sección limpiar la caché, ahí no sé cual es el item que tengo que eliminar. Lo he hecho como hablan en el video de webempresa habilitando la cache en conf. global => sistemas https://www.youtube.com/watch?v=BM5EMkLLrK0
Saludos.
Respondido : 03/09/2014 4:40 am
Hola,
El z-index se encuentra fuera del corchete, debería ser:
ul.accordion-menu {
border:1px solid #1a1a1a;
margin:0px;
padding:0px;
overflow:hidden;
line-height:16px;
list-style:none !important;
font-size:12px;
z-index: 100;
}
Respondido : 03/09/2014 5:41 am
Lo he puesto tal cual como indico en la captura, recargo la página y nada, sigue igual.
Me podrian indicar que elimino en "limpiar la caché" como muestro en mi post anterior???.
Saludos
Respondido : 03/09/2014 6:00 am
Hola,
Tienes que aplicar otro cambio en los estilos CSS. Edita el archivo templates/gk_yourshop/css/template.css y, previa copia de seguridad del mismo, localiza el siguiente código:
.box .content { padding:10px; overflow:hidden; }
Cámbialo por este otro:
.box .content { padding:10px; }
Respondido : 03/09/2014 1:22 pm
Solucionado como siempre con vuestra ayuda.
Muchas gracias
Respondido : 03/09/2014 4:09 pm
