【问题标题】:remove third-level navigation wordpress去掉三级导航wordpress
【发布时间】:2014-12-31 16:42:22
【问题描述】:

我们正在使用具有响应式导航的主题...但在第三级上非常糟糕。我想在宽度小于 768 像素的设备上完全删除该级别。

有没有人知道如何做到这一点?所有导航元素似乎都在转换为<option>...有没有办法告诉它只对顶级和二级导航执行此操作?

http://www.torontofamilytherapist.com/

谢谢!

【问题讨论】:

  • ...转换为

标签: javascript wordpress navigationbar


【解决方案1】:
@media screen and (max-width: 767px) {
  .sub-menu .sub-menu {
    display: none
  }
}

应该这样做。如果您已经有一个类似的媒体查询,您还可以将该选择器和声明添加到类似的媒体查询中。

【讨论】:

  • 可悲的是,在 javascript 中的某处(或其他东西......还没有完全弄清楚......)菜单正在转换为:
  • 是的,这是一个非常规的移动菜单。不过我确实有一个想法。 option[value$="individual-conseling"] { display:none; } 把它放在同一个媒体查询中。它查找一个选项元素,其值以“individual-conseling”结尾并应用该规则。有点骇人听闻,但处理奇怪的菜单。
  • 感谢 ftairs - 非常感谢。我想保持代码流畅,这样如果菜单发生变化, display:none 仍然适用。听起来是时候联系开发人员了!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-02-18
  • 2016-05-03
  • 2012-12-11
  • 2017-07-04
  • 1970-01-01
  • 2015-04-30
  • 1970-01-01
相关资源
最近更新 更多