Arrondir les menus déroulant

Bonjour,

voici mon site : http://mattsblog.e-monsite.com/

J'aimerais arrondir encore plus que déjà proposé dans l'apparence les coins des menus déroulant de ma barre de navigation. Merci par avance !

Hello,

Vous pouvez essayer ce code :

@media (min-width: 992px) {
#menu .dropdown-menu {
--border-radius: 3rem;
}
#menu .dropdown-menu li:first-child {
border-radius: 3rem 3rem 0 0;
}
#menu .dropdown-menu li:last-child {
border-radius: 0 0 3rem 3rem;
}
}

Il faut changer partout la valeur "3rem" par ce que vous voulez, comme "20px" ou "3.5rem", etc. L'important c'est d'avoir la même valeur partout sinon il va y avoir des soucis au survol des liens dans le menu déroulant.

Le code est à coller dans la partie CSS du thème, onglet "Experts".

Bonjour,

Merci beaucoup, cela fonctionne ! Effectivement malgré tout, le premier et dernier élément du menu déroulant, le fond au survol déborde des coins.

Hello,

J'ai précisé le sélecteur CSS pour le premier et dernier lien du menu déroulant, essayez en remplaçant le code précédant par celui-ci :

@media (min-width: 992px) {
#menu .dropdown-menu {
--border-radius: 3rem;
}

#menu .dropdown-menu li:first-child a {
border-radius: 3rem 3rem 0 0;
}

#menu .dropdown-menu li:last-child a {
border-radius: 0 0 3rem 3rem;
}
}

C'est mieux ?

Cela convient mieux effectivement, par contre ca ne s'applique qu'au premier lien du menu déroulant mais pas au dernier.

Il y a un lien caché pour mobile en dernier que je n'avais pas vu, c'est pour ça que ça ne fonctionne pas, il faut cibler l'avant dernier lien alors que je cible le dernier. Mais j'ai l'impression que vous avez contourné le soucis.