仅在桌面上隐藏徽标 [wordpress]答案

【问题标题】：Hide logo on desktops only [wordpress]仅在桌面上隐藏徽标 [wordpress]
【发布时间】：2015-01-08 12:33:05
【问题描述】：

我正在 WordPress 中开发一个网站，我使用导航图像插件将徽标置于标题中菜单项的中心。本质上，我想做的是隐藏台式机/笔记本电脑上的主要徽标区域（标题上方），因此徽标仅显示为导航菜单图像。我还想在手机/平板电脑上隐藏菜单图像（链接到主页），因为它在导航菜单中显示为空白。

主标志：

.gbtr_logo {

}

移动设备上的徽标导航菜单：

.menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-2716 has-image {

}

感谢您的任何意见。谢谢。

【问题讨论】：

【解决方案1】：

我强烈推荐这个资源来帮助你处理 HTML CSS，特别是媒体查询：

【讨论】：

【解决方案2】：

您可以使用媒体查询 //768px的设备

@media (max-width:768px){

.menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-2716 has-image {
display:none;
}

}

只需将其放在您的主题 style.css 中

【讨论】：