首页 文章

Foundation 6数据响应菜单参数

提问于
浏览
3

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

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

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

1 回答

  • 4

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

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

    Update :响应式菜单中与下拉箭头和子菜单折叠方向相关的bugs已在 foundation-sites 6.2.0 的版本中修复 .

相关问题