responsive-design - Foundation 6 数据响应菜单参数

Question

我正在使用集成在 wordpress 中的 foundation 6 构建响应式导航。我想使用 data-responsive-menu 属性来触发小屏幕上的向下钻取插件。简单的。问题是我不想在其他屏幕尺寸上使用任何其他插件。文档给出了这个例子:

<ul class="vertical menu" data-responsive-menu="drilldown medium-dropdown">

但是这个在小屏幕上触发下钻插件，在大屏幕上触发下拉。如果我只使用“向下钻取”选项或“小型向下钻取”选项，它会针对所有媒体查询。我知道我可以调用 wp_nav_menu 的两个实例，show-for-small-only 和 show-for-medium-up，但我想知道我是否可以在不打印两个相同菜单的情况下实现这一点。

Answer 1

您只需要添加响应式类，告诉菜单从中向上水平，如下所示:

<ul class="vertical medium-horizontal menu" data-responsive-menu="drilldown medium-dropdown">

更新:bugs与响应式菜单中的下拉箭头和子菜单折叠方向相关的问题已在 foundation-sites 6.2.0 版本中得到修复。