在wordpress的超级鱼菜单

时间:2016-04-21 07:12:00

标签: php html css wordpress superfish

我在WordPress中制作了主题,我正在使用Super Fish菜单问题是它工作得很好但是当我对移动视图做出响应时它会消失,但是在html上它工作得很好。我正在使用以下代码。我还尝试了bootstrap_navwalker,但我无法将数据类型放入<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而不是如何制作移动菜单。谢谢你的帮助

1 个答案:

答案 0 :(得分:0)

在使用nav_walker玩了很多之后,他从其他帖子中得到了解决方案,他使用了简单的&#39; item-wrap&#39;包装和更改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中我添加了我的数据类型=&#34; navbar&#34;所以一切都很完美。