这是问题所在。我正在WordPress中创建主题, 而在移动设备上使用动态导航菜单时遇到了麻烦。
这是我使用的代码:
<
nav id="primary-menu" class="navbar navbar-fixed-top">
<
div class="container">
<
div class="navbar-header">
<
button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#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="logo" href="http://www.srcmini.com/#page">
<
img class="logo-dark" src="http://www.srcmini.com/<
?php bloginfo('stylesheet_directory' );
?>
/assets/images/logo/logo-dark.png" alt="appy Logo">
<
img class="logo-light" src="http://www.srcmini.com/<
?php bloginfo('stylesheet_directory' );
?>
/assets/images/logo/logo-light.png" alt="appy Logo">
<
/a>
<
/div>
<
?php
wp_nav_menu (array (
'theme_location' =>
'menu-1', 'container' =>
'nav', 'container_class' =>
'collapse navbar-collapse pull-right', 'menu_id' =>
'navbar-collapse-1', 'menu_class' =>
'nav navbar-nav nav-pos-right navbar-left nav-split', ));
?>
<
!--<
div class="collapse navbar-collapse pull-right" id="navbar-collapse-1">
<
ul class="nav navbar-nav nav-pos-right navbar-left nav-split">
<
li class="active">
<
a data-scroll="scrollTo" href="http://www.srcmini.com/#slider">
home<
/a>
<
/li>
<
li>
<
a data-scroll="scrollTo" href="http://www.srcmini.com/#feature2">
feature<
/a>
<
/li>
<
li>
<
a data-scroll="scrollTo" href="http://www.srcmini.com/#banner">
author<
/a>
<
/li>
<
li>
<
a data-scroll="scrollTo" href="http://www.srcmini.com/#reviews">
reviews<
/a>
<
/li>
<
li>
<
a data-scroll="scrollTo" href="http://www.srcmini.com/#pricing">
pricing<
/a>
<
/li>
<
li>
<
a data-scroll="scrollTo" href="http://www.srcmini.com/#cta">
download<
/a>
<
/li>
<
/ul>
<
/div>
-->
<
!--/.nav-collapse -->
<
/div>
<
/nav>
functions.php文件中的菜单:
register_nav_menus( array(
'menu-1' =>
esc_html__( 'Primary', 'bookfolio' )
) );
add_action( 'after_setup_theme', 'bookfolio_setup' );
我将HTML代码放入注释中, 以便你可以看到它的外观。
桌面版本可以完美运行, 但是问题出在移动设备上。
#1【WordPress中带有wp_nav_menu()函数的移动导航菜单出现问题】你应该使用自定义Walker在Bootstrap CSS https://github.com/dupkey/bs4navwalker中显示菜单
推荐阅读
- 以编程方式将标签添加到WordPress帖子中,而不会覆盖现有标签
- 我用Python抓取了S11全球总决赛直播评论,EDG nb
- Java入门常见错误总结
- 华为云薅羊毛攻略来袭,走过路过不要错过
- Java基本数据类型
- 2021年我推荐给你这些高质量计算机书籍
- Java入门阶段总结
- Flutter 专题28 易忽略的小而巧的技术点汇总#yyds干货盘点#
- #yyds干货盘点#three.js中相机的lookAt和control的target区别