Avisos
Vaciar todo
Preguntas sobre PrestaShop
20
Respuestas
3
Usuarios
0
Reactions
891
Visitas
Topic starter
Buenos días,
Esto intentando dejar los submenú de primer nivel con un fondo y un espacio entre ellos como aparecen aquí:
Imagino que esta página usará algún módulo externo pero para hacer lo que quiero no creo que necesitemos un módulo externo no?
Desde mi punto de vista trabajan casi igual los dos módulos, el nuestro y el de ellos.
Si abres cualquier item de menú verás los menús que están dentro y lo que quiero mejorar un poco.
Adjunto captura de pantalla de como me gustaría que quedase, más que nada para que destaque un poco más.
Gracias.
Un saludo, Enrique P.
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 12/04/2017 9:17 am
Hola
Si quieres estandarízar las cajas del menú en el sitio :
Contenido solo visible a usuarios registrados
tienes que usar un ancho mínimo, prueba con el siguiente código CSS:
.sf-menu > li > ul > li > a{
padding:2px;
display:inline-block;
min-width:165px;
text-align:center;
}
Puedes colcoar este código al final del archivo:
/desarrollo/lasmarcasdemoda/themes/Lisitea/css/customuser.css
Saludos.
Respondido : 26/04/2017 7:41 pm
Topic starter
Buenos días,
Gracias, ha quedado muy bien. Ahora solo falta por hacer "añadir un estilo" para que en el móvil se cargue al 100% y no salga todo el submenú descolocado.
¿Se puede no?
Muchas gracias.
Un saludo, Enrique P.
Respondido : 27/04/2017 8:44 am
Hola
Puedes probar con el siguiente código CSS:
@media ( max-width:768px){
#block_top_menu{
width:100%;
}
.sf-menu > li > ul > li{
width:100%;
}
}
Puedes agregarlo al final de tu archivo:
/desarrollo/lasmarcasdemoda/themes/Lisitea/css/customuser.css
Saludos.
Respondido : 27/04/2017 6:26 pm
Topic starter
Buenas tardes,
Le he puesto más estilos para que aparezca mejor en la vista móvil y ocupe el 100%.
Me he dado cuenta que para varias resoluciones de pantalla el menú sale en dos líneas. ¿Se puede hacer algo?
Adjunto captura de pantalla.
Gracias.
Un saludo, Enrique P.
Respondido : 02/05/2017 12:00 pm
Hola Enrique.
Prueba con lo siguiente:
@media ( max-width:768px){
sf-menu > li > a {
font-size: 12px;
padding: 0 5px;
}
}
Tienes que modificar max-width:768px para adaptarlo a las pixels de cada resolución.
Lo que hacemos es bajar el padding ( Separación entre los elementos del menú para que hubiera tanto y quepa todo en una misma linea.
Por cierto la mejor manera de probarlo no es reduciendo el tamaño con el navegador, puedes ver las diversas formas en las que se muestra la web en este enlace -> http://quirktools.com/screenfly/
Un saludo
Respondido : 02/05/2017 1:55 pm
Página 2 / 2
Anterior
