从标题中删除额外的移动菜单

时间:2015-08-05 作者:AntK

我已安装burger theme 并根据我的需要修改了一些模板文件。当我来到header时,我决定使用一个简单的引导导航栏,它不需要额外的菜单。我以getbootstrap为例。com并替换ul>。。。使用原始主题标题中的PHP脚本。php向ul元素添加引导类。标题中的当前代码。php如下所示

<nav class="navbar navbar-default">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Brand</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

      <?php $menu_args = array(\'theme_location\'=>\'primary\',
                               \'container\'=>false,
                               \'menu_class\'=>\'nav navbar-nav navbar-right main-menu\');
          wp_nav_menu($menu_args);
      ?>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
我现在面临的问题是,当我缩小窗口时,我可以通过bootstrap中的burger菜单按钮和整个导航部分上方的额外burger菜单访问我的原始菜单,我无法确定要显示在哪里,我应该编辑哪些文件来禁用它?

在研究这个问题时,我看到很多人最终使用css显示none来隐藏它,我对完全删除它感兴趣,这样服务器就不需要渲染额外的html,而这些html最终会被隐藏。非常感谢。

EDIT:

下面是渲染版本的打印屏幕

enter image description here

这是您可以在图片上看到的渲染部分

...
</head>
<body class="home page page-id-15 page-template-default logged-in admin-bar custom-background customize-support">
<div class="slicknav_menu">
<a href="#" aria-haspopup="true" tabindex="0" class="slicknav_btn slicknav_collapsed" style="outline: none;">
<span class="slicknav_menutxt">Menu</span>
<span class="slicknav_icon">
<span class="slicknav_icon-bar"></span>
<span class="slicknav_icon-bar"></span>
<span class="slicknav_icon-bar"></span>
</span>
</a>
<ul class="slicknav_nav slicknav_hidden" style="display: none;" aria-hidden="true" role="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-15 current_page_item menu-item-29"><a title="Home page" href="http://localhost/site/" role="menuitem" tabindex="-1">Home</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-32"><a href="/site/menu/main/" role="menuitem" tabindex="-1">Menu</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a title="Contacts" href="http://localhost/site/contacts/" role="menuitem" tabindex="-1">Contacts</a></li>
</ul>
</div>

<div> address row </div>
<div> my navigation bar </div>
...
要提供更多详细信息,请查看此页面模板文件顶部的内容

<?php get_header(); ?>

<!-- carusel section -->
<?php echo do_shortcode("[metaslider id=84]"); ?> 
...
标题的内容。上面我提供的php

1 个回复
最合适的回答,由SO网友:AntK 整理而成

经过更多的研究并最终找到了答案,我认为在生成菜单的模板php文件中没有代码是正确的。在查看功能时。我注意到这个主题连接了jquery。滑头导航。当我查看未缩小的版本时,我发现这是在页面顶部生成额外菜单的代码。为了摆脱它,我注释掉了添加js文件的行和为光滑的导航添加css的行

//wp_enqueue_script(\'burger_slicknav\',get_template_directory_uri().\'/js/jquery.slicknav.min.js\',array(\'jquery\'),\'\',true);
//wp_enqueue_style( \'burger_slicknav\',get_template_directory_uri().\'/css/slicknav.css\',\'\',\'\',\'all\');
不,我的网站上不再显示额外的菜单,我也没有任何额外的代码或适当的页面加载请求。

结束

相关推荐

Odd spacing in Navigation Bar

我正在重新设计my website, 我很难找到是什么导致导航项目之间的间距(我假设是边距)。我一直在钻研chrome开发工具,但我在任何地方都找不到导致它的原因。请注意,当您在项目之间悬停时,项目之间会有一个明显的白色条带。