Question

我正在处理我的在线产品组合，并希望添加一个精美的移动菜单。我当前的菜单（位于页脚中）对移动设备和台式机均具有响应能力，并且运行良好。我找到了一个不错的菜单脚本，并希望将其添加到菜单中。我试图将菜单合并到当前菜单中，但是我不知道怎么做。菜单脚本很容易，但是很难合并。有人可以帮我吗？

这是我当前的菜单：

<footer class="lg-sticky row main-menu">
<div class="container">
    <nav class="navbar navbar-expand-md fixed-bottom">
        <button type="button" class="navbar-toggler ml-auto hidden-sm-up float-xs-right m-3" data-toggle="collapse" 
                data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                aria-expanded="false" aria-label="Toggle navigation">
            <i class="fas fa-bars hamburger_bars dropup"></i>
        </button>
        <div class="collapse navbar-collapse mr-auto w-100 justify-content-end" id="navbarSupportedContent">
        <?php /* Primary navigation */
             wp_nav_menu([
                            'menu'            => 'primary',
                            'theme_location'  => 'bottom',
                            'container'       => false,
                            'container_id'    => 'navbarSupportedContent',
                            'container_class' => 'collapse navbar-collapse',
                            'menu_id'         => false,
                            'menu_class'      => 'navbar-nav main-nav',
                            'depth'           => 2,
                            'fallback_cb'     => 'bs4navwalker::fallback',
                            'walker'          => new bs4navwalker(),
                        ]);
            ?>
        </div>
    </nav>
</div>

这是我要合并from this source style 6的新菜单：

  <div class="iphone style-6">
<div class="iphone__item">#6</div>
<div class="iphone__power-btn"></div>
<div class="iphone__left-btn"></div>
<div class="iphone__details"></div>
<div class="iphone__screen">
  <a href="#" class="nav__trigger"><span class="nav__icon"></span></a>
  <nav class="nav">
    <ul class="nav__list">
      <li class="nav__item"><a class="nav__link" href="#">Home</a></li>
      <li class="nav__item"><a class="nav__link" href="#">About Us</a></li>
      <li class="nav__item"><a class="nav__link" href="#">Portfolio</a></li>
      <li class="nav__item"><a class="nav__link" href="#">Blog</a></li>
      <li class="nav__item"><a class="nav__link" href="#">Contact Us</a></li>
    </ul>
  </nav>
  <div class="iphone__content"></div>  
</div>
<div class="iphone__home-btn"></div>

我无法在该帖子中添加CSS和javascript，该网站无法正常运行。您可以在enter link description here

中找到css en js

无法将移动菜单合并到当前菜单

0 个答案: