css - 我们可以在一个站点中使用两个 wordpress 菜单吗？

Question

我正在做一个 wordpress 元素，我遇到了一个情况，

我在wordpress菜单中做了两个菜单Menu1和Menu2。是否有可能 Menu1 应该只在桌面上可见，而 Menu2 应该只在使用媒体查询或其他任何东西的小型设备(平板电脑/手机)上可见。

因为我希望当有人在台式机或笔记本电脑上访问网站时，他应该看到 Menu1，但如果访问者在小型设备上访问网站，他会看到 Menu2。

有什么可能的解决方案吗？

Answer 1

@sangita 推荐的链接是一个很好的解决方案。

您也可以使用 css 实现此目的。

添加以下CSS:

.Menu1 {
  display: block;
}

.Menu2 {
display: none;
}

@media only screen and (max-width: 600px) {

  .Menu1 {
    display: none;
  }
  .Menu2 {
    display: block;
  }
}

请注意，这不是优化页面速度的解决方案。