Foundation 6数据响应菜单参数

时间:2016-01-28 18:46:05

标签: responsive-design zurb-foundation drilldown zurb-foundation-6

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

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

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

1 个答案:

答案 0 :(得分:4)

你只需要添加一个响应类,告诉菜单从中到上是水平的,如下所示:

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

更新:在 foundation-sites 6.2.0 bugs >