Menu Divi sur deux lignes [Problème résolu]
👔 Vous cherchez un alternant en graphisme, montage vidéo ou UX/UI ?
Contactez-moi directement sur WhatsApp : https://wa.me/+33602321656
🎓 Vous cherchez une école en alternance où l’on apprend le graphisme, la vidéo et l’UX/UI ?
Soumettez votre profil sur https://www.parcours.design (l’école que je dirige)
Lorsque la taille de l’écran est réduite, le menu Divi de votre site web Wordpress s’affiche sur deux lignes et ce n’est absolument pas ce que vous voulez ? Dans ce tutoriel, je vous montre comment empêcher le retour à la ligne dans votre menu principal Divi. Grâce à un code CSS personnalisé, vous modifiez l’apparence du menu de manière à ce qu’il soit remplacé par le menu hamburger (les trois traits horizontaux) dès le moment où la taille de l’écran ne permet pas de l’afficher sur une seule ligne.
Le code :
@media screen and (max-width: 1300px) {
#et_mobile_nav_menu {
display: block!important;
}
#top-menu {
display: none!important;
}
#main-header .et_mobile_menu {
background-color: #fff!important;
}
}