如何从移动设备上的wordpress主题的滑动侧边栏中删除徽标

Question

我正在为我的一个客户开发网站时遇到的问题寻求帮助。在桌面上一切都很好，但是在移动设备上滑动 sidebar/navigation 有我想删除的标志。我尝试了通过在线通用搜索找到的各种解决方案，但均无济于事。我要查询的站点是 Easter Seafood Enterprise Limited。有什么解决方案或 CSS 我可以添加来解决这个问题吗？ P.S 页面上的徽标很好，应该保留它只是我想删除侧边栏（移动设备）中的徽标。

Answer 1

如果无法通过定制器或主题 Options/Settings 删除主题移动导航抽屉中的徽标，则可以使用以下 CSS:

.navbar-mobile .logo {
    display: none;
}

如果您右键单击导航栏并单击检查元素，您应该会看到 class:

"navbar-desktop" <div id="navbar" class="navbar-collapse collapse navbar-desktop" data-mobile-screen-width="1200"> 在 1200px 断点被替换为 "navbar-mobile"：<div id="navbar" class="navbar-collapse collapse navbar-mobile" data-mobile-screen-width="1200">.

因此您可以使用此 .navbar-mobile class 仅通过使用上述 CSS.

如果您不想使用 CSS 来完成此操作，另一种方法是从您的父主题复制 navbar.php 文件（或任何具有显示导航栏代码的文件）添加到您的子主题，然后 remove/comment 在移动导航抽屉中添加徽标的行。

如何从移动设备上的wordpress主题的滑动侧边栏中删除徽标

How to remove remove logo from sliding sidebar on wordpress theme on mobile

css

wordpress

web-deployment

mobile-website