Si vous utilisez le thème Divi et que votre menu mobile comporte de nombreux éléments, il peut dépasser la hauteur de l’écran, rendant certains éléments inaccessibles. Pour résoudre ce problème, vous pouvez rendre le menu déroulant mobile défilable en ajoutant un simple code CSS.
Étapes à suivre :
- Accédez aux options de thème Divi :
- Dans votre tableau de bord WordPress, allez dans « Divi » > « Options du thème ».
- Ajoutez le code CSS personnalisé :
- Dans l’onglet « Général », faites défiler jusqu’à la section « CSS personnalisé ».
- Collez le code suivant :
/* Rendre le menu déroulant mobile de Divi défilable */
.et_mobile_menu {
overflow: scroll !important;
max-height: 80vh;
}3. Enregistrez les modifications :
- Cliquez sur le bouton « Enregistrer les modifications » pour appliquer le nouveau style.
Cette méthode garantit que, même avec un grand nombre d’éléments, votre menu mobile restera fonctionnel et accessible.
Le paramètre max-height: 80vh; limite la hauteur du menu à 80 % de la hauteur de la fenêtre.