Comment augmenter la largeur du menu déroulant Divi

Il arrive parfois que la taille des éléments du sous-menus, ou menu déroulant ne correspondent pas à ce que vous souhaitez ! Voici une petite astuce pour résoudre ce problème…

Le code ci-dessous fixe la largeur minimale à 300px. Adaptez cette valeur en fonction de votre site web. Si vous modifiez la largeur minimale du sous-menu, mettez à jour la largeur des éléments de la liste en fonction de cette modification. (Par exemple, si vous augmentez/diminuez l’une, augmentez/diminuez l’autre de la même manière).

Il y a une ligne supplémentaire pour réduire le remplissage par défaut des Divi autour des éléments de la liste du sous-menu. Supprimez cette ligne si elle n’est pas souhaitée pour votre site web.

Réduisez l’écran, puis rétrécissez et agrandissez la fenêtre d’affichage pour tester sur toutes les tailles de bureau et vous assurer que vos réglages sont optimaux pour votre site web.

/* Increase width of drop-down menus */ 
@media screen and (min-width: 981px) 
{ .sub-menu { min-width: 300px; } 
#top-menu li li a {     width: 260px; 
/* Extra - Reduce padding on list items */ 
padding: 4px 12px; 
} }

Où ajouter le code ?


.
Divi > Options de thème et en bas de l’onglet « Général »

Naviguez vers Divi > Options de thème et en bas de l’onglet « Général » collez l’extrait CSS dans la boîte « CSS personnalisé » et enregistrez les modifications

Sébastien Chaidron
Webmaster & Webdesigner
WordPress Freelance

Puis-je vous aider ?

Perdu dans le périple de la création d’un site web ?

Laisser-moi vous éclairer !

Mes derniers articles

Créer un formulaire dynamique sur WordPress

Grâce à Calculated Fields Form vous pouvez créez des devis, des formulaires dynamiques avec calculs intégrés. Si vous louez des chambres d'hôtes, vous avez besoin d'un formulaire de réservation qui calcul le prix de la location en fonction du nombre de personnes et de...

Comment insérer un iframe dans WordPress

On me demande souvent comment intégrer une iframe dans WordPress. Dans cet article, vous découvrirez également à quelles fins les Iframes sont nécessaires, quels sont les cas d'utilisation courante et comment vous pouvez afficher les Iframes dans WordPress...

Comment aligner verticalement le contenu avec Divi

Il peut être intérressant quand untilise le thème Divi, de vouloir centrer verticalement du contenu ou un image par rapport à un autre contenu. Souvent quand on utilise deux colonnes ou plus. Dans se petit guide je vous explique étape par étape avec des screenshots...

Thème Divi pour WordPress – Test et avis

Divi est mon thème WordPress de prédilection depuis des années. Je le recommande souvent à mes clients. Il est donc temps de présenter ce fameux thème d'un peu plus près et de vous donner mon retour d' expérience. Tôt ou tard, presque tous ceux qui utilisent des...

Comment augmenter le trafic de mon site web

Vous recherchez à améliorer votre référencement naturel ( SEO ) pour mieux positionner votre site sur les moteurs de recherche ? Voici 3 Astuces pour augmenter votre visibilité sur le Web. Le référencement naturel n'est plus aussi facile qu'il y a 10 ans. Aujourd'hui...

Le meilleur thème WordPress

Formulaire de contact - Sébastien Chaidron - Webmaster & Webdesigner Freelance