Lista De Subcategorías En Menú Horizontal Superior

[sil88]

Buenos días, a ver si alguien puede ayudarme:

 

Quiero que en el menú horizontal superior, al pasar el ratón por encima de las categorías, se desplieguen las subcategorías verticalmente (en forma de lista hacia abajo), porque por defecto se ordenan horizontalmente de izquierda a derecha y no me gusta como queda.

 

Alquien tiene idea de qué archivo tendría que modificar o qué puedo hacer?

 

Gracias de antemano.

Saludos.

[Fernando1989]

Suponiendo que tienes la plantilla por defecto de prestashop 1.6:

 

Tendrás que modificar el archivo /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

 

Puedes cambiar el ancho máximo de la columna del desplegable y probar con un por ejemplo:

ul.submenu-container {max-width: 320px !important;}

Edited March 16, 2016 by Fernando1989 (see edit history)

[LyL Desarrollo]

A puede buscar

.sf-menu > li > ul > li {
    float: left;
    width: 20%;
    padding-right: 15px;
}

y dejar asi

.sf-menu > li > ul > li {
    /* float: left; */
    width: 20%;
    padding-right: 15px;
}

y ya seria cuestion de hacer otros ajustes si lo deseas con mejor diseño

[sil88]

Gracias a los dos por la ayuda! Me ha funcionado todo! Ahora me gustaría que cada lista de subcategorías apareciera directamente debajo de la categoría sobre la que pasas el ratón, porque conforme está ahora salen todas las listas a la izquierda de la pantalla.

 

Sabéis cómo hacerlo?

 

UN MILLÓN DE GRACIAS.

[sil88]

Ah! Y si sabéis cómo cambiar el tamaño de la fuente ya os estaré eternamente agradecida

 

Gracias!

[Fernando1989]

Gracias a los dos por la ayuda! Me ha funcionado todo! Ahora me gustaría que cada lista de subcategorías apareciera directamente debajo de la categoría sobre la que pasas el ratón, porque conforme está ahora salen todas las listas a la izquierda de la pantalla.

 

Sabéis cómo hacerlo?

 

UN MILLÓN DE GRACIAS.

 

Puedes subir un pantallazo o poner un enlace de la tienda y explicar un poco más que quieres decir con "Ahora me gustaría que cada lista de subcategorías apareciera directamente debajo de la categoría sobre la que pasas el ratón, porque conforme está ahora salen todas las listas a la izquierda de la pantalla."

 

Ah! Y si sabéis cómo cambiar el tamaño de la fuente ya os estaré eternamente agradecida

 

Gracias!

 

Según quieras cambiar el tamaño de la letra en la categoría, subcategoría o subsubcategoría, es un código u otro.

 

Basta con ir a /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css y cambiar el tamaño a cada uno, o inspeccionar elemento con el navegador, y añadirlo al global css con la terminación !important; para que haga caso al css nuevo antes que anterior.

[sil88]

Ok, me ha sido muy útil.

 

Gracias!!!