我正在构建一个基础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,但我想知道如果不打印两个相同的菜单就可以实现这一点。
答案 0 :(得分:4)
你只需要添加一个响应类,告诉菜单从中到上是水平的,如下所示:
<ul class="vertical medium-horizontal menu" data-responsive-menu="drilldown medium-dropdown">
更新:在 foundation-sites 6.2.0
bugs >