Comment ajuster automatiquement la largeur du menu déroulant Divi
Une largeur automatique pour le menu déroulant Divi
J’ai récemment remarqué que souvent le texte du menu déroulant était trop long, entraînant un problème de dépassement gênant et un retour à la ligne. J’avais pensé à résoudre ce souci en définissant une largeur fixe pour le menu déroulant, les éléments de liste et les liens, mais cela nécessite de fixer une valeur, ce qui n’est pas idéal.
À la place, j’ai trouvé une meilleure solution qui s’ajustera automatiquement selon les besoins. Ainsi, dans ce tutoriel, je vais vous montrer comment paramétrer la largeur du menu déroulant Divi pour le module de menu Divi avec affichage desktop.
Ajouter le snippet CSS
Vous pouvez copier ce code dans Divi > Options du theme > Personnaliser CSS. Ou alors dans le fichier style.css de votre thème enfant.Le code est placé à l’intérieur d’une requête média, afin de ne cibler que le menu déroulant au format desktop. Nous avons conservé le sélecteur générique, donc aucune classe personnalisée n’est requise, il utilise simplement les classes intégrées à Divi.
Le code est assez simple, il indique à la largeur du sous-menu de s’adapter au contenu. Ainsi, tout fonctionne ensemble pour créer un menu déroulant flexible en largeur.
J’espère que vous avez apprécié ce tuto. N’hésitez pas à partager vos réflexions dans les commentaires ci-dessous.
