Создайте "sub-navbar", который ведет себя как аккордеон на мобильном - PullRequest
Новая
       60

Создайте "sub-navbar", который ведет себя как аккордеон на мобильном

0 голосов
/ 20 февраля 2019

У меня есть переключаемая панель навигации, и я хотел бы создать какое-то подменю, но я не хочу, чтобы оно было выпадающим.Я хочу, чтобы он был как вторая навигационная панель с горизонтально выровненными элементами.Эта часть прекрасна, но я хочу, чтобы она стала своего рода аккордеоном на мобильном телефоне.Я не знаю, как это правильно объяснить, но вы можете понять, что я имею в виду ниже:

enter image description here

У меня есть обычный загрузчик navbar: 

 <nav class="navbar navbar-expand-md navbar-light bg-custom fixed-top">
     <div class="container-fluid">
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarResponsive">
             <ul class="navbar-nav mx-auto">
                 <li class="nav-item">
                     <a class="nav-link" href="<?php echo home_url(); ?>">Home</a>
                 </li>
                 <li class="nav-item">
                     <a class="nav-link active" href="#">Artistas :: <span><?php the_title(); ?></span></a>
                 </li>
                 <li class="nav-item">
                     <a class="nav-link" href="<?php echo home_url(); ?>#agenda">Agenda</a>
                 </li>
                 <li class="nav-item">
                     <a class="nav-link" href="<?php echo home_url(); ?>#sobre">Sobre</a>
                 </li>
                 <li class="nav-item">
                     <a class="nav-link" href="#contato">Contato</a>
                 </li>
             </ul>
         </div>
     </div>
 </nav>

Есть идеи?Должен ли я добавить «sub-navbar» внутри navbar?

...