wordpress中的超级鱼菜单

Question

我在 WordPress 中制作了主题，我使用 Super Fish 菜单的问题是它工作得很好，但是当我让它响应移动视图时它消失了，但在 html 上它工作得很好。 我正在使用以下代码。 我也尝试过bootstrap_navwalker但我无法将 data-type 放入我的<ul> 。

if ( function_exists('wp_nav_menu') ) {
    wp_nav_menu( array(
        'theme_location' => 'primary',
        'sort_column' => 'menu_order',
        'menu_class' => 'sf-menu',
        'fallback_cb' => 'default_menu'
    ));
}

以下是运行良好的 html 代码。

   <nav class="nav">
                    <!--Sf-menu-->
                    <ul class="sf-menu" data-type="navbar">
                        <li>
                            <a href="./">Home</a>
                        </li>
                        <li class="active">
                            <a href="index-1.html">About</a>
                            <ul>
                                <li>
                                    <a href="#">News</a>
                                </li>
                                <li>
                            </ul>
                        </li>
                    </ul>
                    <!--End Sf-menu-->
                </nav>

我查看了很多帖子，甚至有些是这里，但都在谈论放入 wordpress，但现在关于使其具有响应性，甚至一些教程也展示了如何放入 wordpress，但没有展示如何制作移动菜单。 感谢帮助

Answer 1

在与 nav_walker 玩了很多次之后，他从其他帖子中得到了解决方案，他使用简单的“item-wrap”来包装和更改 ul 并添加 data-type=navbar 属性。 现在它工作得很好。 非常感谢你们的帮助。

if ( function_exists('wp_nav_menu') ) {
    wp_nav_menu( array(
        'theme_location' => 'primary',
        'sort_column' => 'menu_order',
        'items_wrap' => '<ul id="%1$s" class="%2$s sf-menu" data-type="navbar" >%3$s</ul>',
        'fallback_cb' => 'default_menu'
    ));
}

在 items_wrap 中，我添加了 data-type="navbar"，所以一切正常。