illohacker Posted May 19, 2014 Share Posted May 19, 2014 Llevo tiempo sin saber qué hacer con el nuevo menú de prestashop en su versión 1.6. Cómo puedo poner que se despegue de manera vertical y no horizontal? La web en cuestion es digitalgm.es Link to comment Share on other sites More sharing options...
Rolige Posted May 19, 2014 Share Posted May 19, 2014 Te refieres a que necesitas que se despliegue en vertical las subcategorias ? Puedes modificar el archivo: /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css En la regla: .sf-menu > li > ul > li { ... } Que esta alrededor de la linea: 148 Cambia: float: right; Por: float: none; Saludos Link to comment Share on other sites More sharing options...
LyL Desarrollo Posted May 20, 2014 Share Posted May 20, 2014 (edited) Es correcto lo que dice el compañero COTOKO. Si adicionalmente deseas que no ocupe todo el ancho deberas hacer unos cambios adicionales. .sf-menu > li > ul > li { float: left; sustituye por :none width: 20%; sustituye por :100% padding-right: 15px; } .sf-menu > li > ul { padding: 26px 30px 31px; /* width: 100%; */comentala } .sf-menu ul { /* position: absolute; */ cometanla top: -999em; background: white; } Ya con eso tienes casi todo hecho, te faltaria unos retoques y lo tendras... Edited May 20, 2014 by LyL Desarrollo (see edit history) Link to comment Share on other sites More sharing options...
illohacker Posted May 20, 2014 Author Share Posted May 20, 2014 Muchas gracias a los dos, pero el único fallo que le veo es que las categorías que muestro en la barra bailan. Cómo podría arreglar eso? Link to comment Share on other sites More sharing options...
Recommended Posts