更改移动菜单断点 - WordPress Twenty-Twenty-Three 主题

Question

WordPress 导航块 - 20-23 主题

如何更改汉堡按钮在移动设备上显示的 CSS 媒体查询断点和更宽屏幕上的完整菜单？

---

汉堡最小化菜单可以从 仪表板->外观->编辑器:

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