Question

嗨，朋友，我尝试在WordPress中转换我的HTML主题，在这种情况下，将下拉CSS替换为默认的CSS，显示我的下拉列表，但不喜欢html中的显示

我的菜单html代码是

<div class="header-nav">
  <div class="header-nav-wrapper navbar-scrolltofixed">
    <div class="container">
      <nav id="menuzord" class="menuzord yellow">
        <ul class="menuzord-menu">
          <li class="home"><a href="#"><i class="fa fa-home font-28"></i></a></li>
          <li class="active"><a href="#home">Home</a>
            <ul class="dropdown">
              <li><a href="#">Multipage Layouts</a>
                <ul class="dropdown">
                  <li><a href="index-mp-layout1.html">Layout1</a></li>
                  <li><a href="index-mp-layout2.html">Layout2</a></li>
                  <li><a href="index-mp-layout3.html">Layout3</a></li>
                  <li><a href="index-mp-layout4.html">Layout4</a></li>
                  <li><a href="index-mp-layout5.html">Layout5</a></li>
                </ul>
              </li>

            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </div>
</div>

为此使用wp代码

<?php
    wp_nav_menu( array(
        'theme_location'  => 'primary',
        'depth'           => 2, // 1 = no dropdowns, 2 = with dropdowns.
        'container'       => 'nav',
        'menu_class'      => 'menuzord-menu',
        'fallback_cb'     => 'WP_Bootstrap_Navwalker::fallback',
        'walker'          => new WP_Bootstrap_Navwalker(),
                  ) 
    );
?>

在function.php中使用此

// Register Custom Navigation Walker
require_once get_template_directory() . '/class-wp-bootstrap-navwalker.php';

它可以正常工作，但是在打开下拉菜单时使用默认的CSS，但显示不正确，这就是为什么我需要帮助的地方，希望您能帮助我：）

通过wp导航菜单转换HTML子菜单

0 个答案: