Avisos
Vaciar todo

[Resuelto] Reducir espacio entre ítems del menú  

 
Pedro José
 Pedro José
Estimable Member

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 6:31 pm
Bruno
 Bruno
Soporte CMS Webempresa 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 6:58 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Pedro José
 Pedro José
Estimable Member

@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 7:54 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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 8:08 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pedro José
 Pedro José
Estimable Member

@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 11:03 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Pedro Jose.

Prueba con esto:

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

 

Un saludo

Respondido : 22/07/2022 12:00 pm
Pedro José me gusta

wpdoctor-revisa-la-salud-de-tu-wordpress

Pedro José
 Pedro José
Estimable Member

@pepesoler Hola, Pepe

 

Resuelto, muchas gracias.

 

Saludos

Respondido : 22/07/2022 1:17 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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 1:21 pm