如何移除WordPress主题移动端滑动侧边栏内的logo

解决方案 #

通过限定移动端侧边栏容器的专属选择器匹配内部logo元素，结合媒体查询仅在移动端视口下隐藏该元素，不会影响页面其他位置正常显示的logo。

可直接使用的CSS代码 #

/* 仅隐藏移动端侧边栏内logo，不影响页面原有logo展示 */
@media only screen and (max-width: 921px) {
  .offcanvas-sidebar .site-logo {
    display: none !important;
  }
}

如果上述代码未生效，可以使用适配古腾堡导航块的版本：

@media only screen and (max-width: 921px) {
  .wp-block-navigation__responsive-dialog .wp-block-site-logo {
    display: none !important;
  }
}

调整说明 #

• 媒体查询的max-width参数可根据你站点移动端侧边栏的触发断点修改，常见移动端断点为768px、921px、1024px
• 若主题样式优先级足够高，可删除!important声明
• 所有选择器均限定在移动端侧边栏容器范围内，不会误隐藏页面头部等其他位置的logo

内容的提问来源于stack exchange，提问作者Rhys Hinkson