Avisos
Vaciar todo

[Resuelto] Problema al ampliar la zona clicable del menu

8 Respuestas
3 Usuarios
0 Reactions
20 Visitas
Respuestas: 250
Reputable Member
Topic starter
 

Buenas tardes, estoy intentando que la zona clicable del menú en escritorio (en móvil no), sea clicable no solo el texto sino todo el elemento...

4

y he probado con este código y funciona bien pero los botones pierden los estilos...

a {
text-decoration: none;
font-size: 16px;
min-width: 10px !important;
padding: 0px 1px !important;
margin-right: 3px;
position: relative;
z-index: 50;
}

a:before {
position: absolute;
content: '';
top: -10px;
right: -10px;
left: -10px;
bottom: -10px;
z-index: 40;
}

 

2

 

3

Cuando deberían estar así...

5

Por favor, ¿me podéis ayudar con esto?

Gracias, Nadinne.

Contenido solo visible a usuarios registrados


 
Respondido : 01/03/2025 12:17 pm
Respuestas: 250
Reputable Member
Topic starter
 

Perdón, ya lo he solucionado.

Disculpadme.

Gracias.


 
Respondido : 01/03/2025 12:53 pm
Respuestas: 250
Reputable Member
Topic starter
 

Por si a alguien le sirve, lo he solucionado dando un poco de padding...

.dropdown-menu > li > a {
padding: 10px 20px 10px 5px !important;
}

Saludos.


 
Respondido : 01/03/2025 1:06 pm
Luis Méndez Alejo
Respuestas: 408
Illustrious Member
 

Hola, Nadinne

 

Efectívamente, ampliando el padding del evento ":hover" de ese elemento, mediante CSS, permite que el área de clic se amplí a todo el espacio que ocupa el elemento.

 

Nos alegra saber que tú lo has podido solucionar. 🙂 

Saludos

 

 


 
Respondido : 01/03/2025 1:30 pm
Respuestas: 250
Reputable Member
Topic starter
 

ostras, pues no lo he hecho en el hover. No lo he hecho bien...

¿Entonces en el hover o en los 2?


 
Respondido : 01/03/2025 5:43 pm
Respuestas: 250
Reputable Member
Topic starter
 

He sustituido el código por este...

.dropdown-menu > li > a:hover, .dropdown-menu > li:hover > a {
padding: 10px 20px 10px 5px !important;
font-size: 17px;
}

pero no ocupa todo el elemento, además amplia el elemento al pasar el cursor. ¿Cómo puedo dejarlo un poco mejor?


 
Respondido : 01/03/2025 5:50 pm
Respuestas: 250
Reputable Member
Topic starter
 

Olvídalo, me gusta como queda finalmente.

Mil gracias por tu tiempo.

Buen fin de semana.

Nadinne.


 
Respondido : 01/03/2025 6:11 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Nadinne, 

Encantados igualmente quedamos atentos por si tienes alguna otra duda.

Un saludo 🖐️ 


 
Respondido : 01/03/2025 8:15 pm