Modifier les points d'arrêt du menu mobile - Thème WordPress Twenty Two Two Three

Question

Bloc de navigation WordPress - Thème vingt-deux-trois

Comment modifier les points d'arrêt des requêtes multimédia CSS afin que le bouton hamburger apparaisse sur les appareils mobiles et que le menu complet apparaisse sur des écrans plus larges ?

---

Le menu réduit de hamburger peut être ouvert à partir de Tableau de bord->Apparence->Éditeur :

Answer 1

Ajoutez ceci au CSS de votre thème enfant, en modifiant la valeur entre parenthèses :

@media screen and (max-width: 767px) {
  /* hamburger button */
  .wp-block-navigation__responsive-container-open  {
    display: block !important;
  }

  /* full menu */
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
  }
}