我已安装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:
下面是渲染版本的打印屏幕
这是您可以在图片上看到的渲染部分
...
</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
最合适的回答,由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\');
不,我的网站上不再显示额外的菜单,我也没有任何额外的代码或适当的页面加载请求。