Menu Responsive

时间:2015-06-30 作者:Santosh Santu

如何使菜单栏响应?当我将窗口裁剪为手机大小时,菜单不会随标题一起更改,在标题图像和菜单栏之间留下空白,或者重复显示两次菜单。

1 个回复
SO网友:Mahavar Hitesh

您的导航菜单栏响应can用户bootstrap framework.

插入类似代码function.php

Bootstrap responcive nav menu wordpress

// 此代码插入header.php

<div class="container"> 
  <nav class="navbar navbar-default" role="navigation">  
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#medi-temp-navbar-collapse"> 
                <span class="icon-bar"></span> 
                <span class="icon-bar"></span> 
                <span class="icon-bar"></span> 
        </button>
      </div>
      <div class="collapse navbar-collapse" id="medi-temp-navbar-collapse">    
        <?php
            if ( has_nav_menu( \'primary\' ) ) {
                wp_nav_menu( array( 
                    \'theme_location\' => \'primary\',
                      \'container\'=>false,
                      \'walker\'=>new wp_bootstrap_navwalker(),
                      \'menu_class\'=>\'nav navbar-nav\',
                    ) 
                );
            }
        ?>                      
    </div>
   </nav><!-- nav -->
</div><!-- container -->  

结束

相关推荐

Wordpress Flyout Menus

我有一个有点复杂的菜单结构,我正试图找出最好的方法来做到这一点。I have a top nav 它有4个部分。每个部分最多有2层深。而且I have a SUB Nav 这是基于您所在的部分,并显示为向下钻取,显示您拥有的页面。例如,假设我单击第二级顶部导航-然后我将转到显示打开并选中该部分的子页面。我希望我的解释是正确的。。。谢谢我的问题是:最好的方法是什么。我研究了一些插件,但似乎找不到合适的插件。我不需要使用插件。