css 更改移动的菜单断点- WordPress主题

vmdwslir  于 2023-01-22  发布在  WordPress
关注(0)|答案(1)|浏览(140)

WordPress导航块-2023主题

如何更改CSS媒体查询断点,在该断点处,汉堡包按钮显示在移动的上,完整菜单显示在更宽的屏幕上?

  • 汉堡包最小化菜单可从** Jmeter 板-〉外观-〉编辑器 * 打开:

9q78igpj

9q78igpj1#

将此添加到子主题的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;
  }
}

相关问题