Modificar Top Menú En Vertical

[Roberto Ramos]

Hola a todos.

No sé si este tema se ha tocado ya, pero por si acaso lo planteo.

Quiero modificar el top menú principal horizontal de la plantilla para que se despliegue en vertical, pero no sé qué modificar (hoja de estilos, java...).

El hecho es que quiero que cada submenú se despliegue en vertical justo debajo de su categoría. 

Solo he conseguido modificar el tamaño del cajetín y el tamaño de la letra.

 

Mi página: http://biorganik.esy.es/

 

Gracias.

[Gher09]

Si comprendi bien, solo es de asignar bien las subcategorias en la caja de seleccion dentro de la modificacion del modulo, con esto todos los submenus deben de desplegar bajo su categoria raiz.

[Roberto Ramos]

Hola. Gracias por contestar.

 

Pues sí. Básicamente sería lo que tu comentas.

Algo parecido a la imagen.

 

 

 

.

[Gher09]

Ok listo! Unicamente necesitas asiganar bien el arbol (orden) de las categorias en el menu... para que aparezco como tal y asegurate que cada subcategoria este perfectamente asiganda a cada categoria padre.

 

Si no cambia nada limpia tu cache. Por aqui estare

[Gher09]

Disculpa, no vi que colocaste el enlace de tu pagina y vi el problema, porque no intentas desinstalar el modulo del menu horizontal y lo instalas de nuevo, ingresas las categorias de nuevo y veamos que pasa...

[Roberto Ramos]

Hola de nuevo.

Creo que no me he explicado bien. Quiero que el top menu se despliegue en vertical y que cada categoría se despliegue justo debajo de su origen. Ahora me salen los desplegables todos a la izquierda.

Entiendo que tengo que modificar los códigos (css, java,...), pero no sé qué códigos.

 

De todas maneras gracias mil por tu interés.

[Gher09]

Si comprendo, vi cual es el problema, pero ya intentaste desinstalar el modulo del menu horizontal y volverlo a instalar? A mi me funciona cuando no cuadran bien las cosas en la maquetación del website.

[Roberto Ramos]

Sigue igual. De momento lo dejo así.

 

Gracias por todo

[protenat]

Hola yo soy novata y me faltaaaa muuuuucho para entender este mundillo. Pero me ayudo mucho con este foro y demás que googleo y encontré la solución a eso ](puesto que yo lo hice así y funciona muy bien) tenés que modificar el archivo global.css

 

y poner abajo de todo este codigo:

  
  .sf-menu > li > ul > li {
float: none !important;
}
  
  .sf-menu > li > ul > li {
padding-bottom: 10px;
}

La verdad que funciona muy bien!
Yo ahora estoy tratando de "achicar" al tamaño de cada despliegue de subcategoría y no que se extienda hasta el fondo del menú. Y si es posible agregarle la foto en miniatura pero right no bottom... aún sigo intentando. Espero que te haya ayudado, como me ayudaron a mi!
Besos!

Flor.-
 

[Roberto Ramos]

Pues te lo agradezco, pero sigo sin conseguir lo que quiero.

Gracias de todas maneras.

[protenat]

siiii no me había dado cuenta que sigue saliendo en el left... si llego a conseguir la solución te lo comparto. Disculpas...