Haltepunkte für mobile Menüs ändern – WordPress Twenty Two Three Theme

Question

WordPress-Navigationsblock – Twenty Two Three Theme

Wie ändere ich Haltepunkte für CSS-Medienabfragen, sodass die Hamburger-Schaltfläche auf Mobilgeräten und das vollständige Menü auf größeren Bildschirmen angezeigt wird?

---

Das Hamburger-Minimierungsmenü kann geöffnet werden über Dashboard->Aussehen->Editor:

Answer 1

将其添加到子主题的 CSS 中，更改括号中的值：

@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;
  }
}