css - 仅在桌面上隐藏 Logo [wordpress]

Question

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

网站是:http://museiam.ca/

主标志:

.gbtr_logo {

}

移动设备上的 Logo 导航菜单:

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

}

我在这里找到了样式，但不确定如何实现它:http://www.studiopress.com/design/website-respond-mobile-devices.htm

我感谢任何意见。谢谢。

Answer 1

你可以使用媒体查询 //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 中