Avisos
Vaciar todo

[Resuelto] Reducir espacio entre ítems del menú

8 Respuestas
4 Usuarios
1 Reactions
28 Visitas
Pedro José
Respuestas: 199
Estimable Member
Topic starter
 

Hola,

Me gustaría hacer más pequeño el espacio que hay entre los ítems del menú desplegable para que estos ítems estén más cerca entre sí.

 

Gracias y saludosContenido solo visible a usuarios registrados


 
Respondido : 21/07/2022 5:31 pm
Tags del tema
Bruno
Respuestas: 6477
Illustrious Member Moderator
 

Hola Pedro,

Veo que mas alla de reducir distancias entre las opciones del submenu hay un padding actual que hace que no tengan un aspecto correcto, dejo captura de referencia

image

Debes evaluar que estilos CSS estas agregando ya que el responsable parece ser el siguiente 

image

Para ajustarlo en el caso de los submenus puedes probar estos estilos CSS

.navbar-nav .sub-menu li {
margin: auto !important;
}

Saludos!


 
Respondido : 21/07/2022 5:58 pm
Pedro José
Respuestas: 199
Estimable Member
Topic starter
 

@bruno-vichetti Hola, Bruno

 

He seguido tus indicaciones, aún así persiste el espacio. ¿Me puedes indicar cómo cambiar el padding?

 

Gracias y saludos


 
Respondido : 21/07/2022 6:54 pm
Karen Rios
Respuestas: 18666
Illustrious Member Moderator
 

Hola Pedro José, 

En este caso puede ser por el ancho que se añade a los elementos del sub menú, revisa si con el siguiente código CSS se ajustan de forma correcta

ul.sub-menu li {
width: 100%!important;
}

Un Saludo 

 

 
Respondido : 21/07/2022 7:08 pm
Pedro José
Respuestas: 199
Estimable Member
Topic starter
 

@karen Hola, Karen

No he logrado solucionarlo con las indicaciones. Adjunto dos imágenes. En la primera imagen (desde la izquierda) se ve la caja en azul e inmediatamente a la derecha un espacio en naranja. Ese espacio naranja coincide con el espacio que quiero hacer más pequeño entre ítem e ítem.

photo1658483762
photo1658483828

 

Gracias y saludos


 
Respondido : 22/07/2022 10:03 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Pedro Jose.

Prueba con esto:

.navbar-nav li { 
margin-right: 5px !important;
}

 

Un saludo


 
Respondido : 22/07/2022 11:00 am
Pedro José reaccionó
Pedro José
Respuestas: 199
Estimable Member
Topic starter
 

@pepesoler Hola, Pepe

 

Resuelto, muchas gracias.

 

Saludos


 
Respondido : 22/07/2022 12:17 pm
Karen Rios
Respuestas: 18666
Illustrious Member Moderator
 

Hola Pedro José,

Enhorabuena lograste solucionarlo, es un placer para nosotros poder ayudarte

Escríbenos si tienes cualquier otra consulta

Un Saludo 😊 


 
Respondido : 22/07/2022 12:21 pm