Отображать гамбургер-меню на всех устройствах с bootstrap - PullRequest
Новая
       82

Отображать гамбургер-меню на всех устройствах с bootstrap

0 голосов
/ 07 мая 2020

Я новичок в этом. Сейчас гамбургер-меню отображается только на мобильных устройствах, а раскрывающееся меню доступно на настольных устройствах. Я хочу, чтобы гамбургер-меню отображалось на всех устройствах.

Вот мой код: 

<header id="header" class=" ">
  <div class="container main-menu">
    <div class=" align-items-center justify-content-between d-flex"> 
      <div class="bar_logo" style="display: none; ">
        <a href="index.php">
          <img src="assets/images/new-logo-black.png" alt="" />
        </a>
      </div>
      <button type="button" id="mobile-nav-toggle">
        <i>
          <svg width="20" height="20" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" class="svg-inline--fa fa-bars fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg>
        </i>
      </button>
      <nav id="nav-menu-container">
        <div class="mobile_side_logo" style="display: none; " > 
          <a href="index.php"> <img src="assets/images/new-logo-black.png" alt="" class="img-fluid"/></a>
        </div>

Просто дайте мне знать, если вам нужна другая информация. Спасибо!

...