更改移动菜单断点 - WordPress 二十二三主题-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

更改移动菜单断点 - WordPress 二十二三主题

P粉085689707 2024-03-26 10:28:04

[CSS3讨论组]

787

WordPress 导航块 - 二十二三主题

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

可以从以下位置打开汉堡包最小化菜单 Dashboard->Appearance->Editor：

P粉085689707

全部回复(1)

P粉4764755512024-03-27 00:14:46 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;
  }
}