@Kwad

Как адаптировать navbar для телефонов*?

Привет всем.
Запустил сайт - все ок,но дал на тест друзьям - оказалось на мобильных девайсах меню отборажается не верно...
А именно друг на друга пункты налазят и некотрые не видно.
Сайт: makf1n.com
Исходный код:
код меню
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-dark scrolling-navbar">
    <div class="container">

      <!-- Brand -->
      <a class="navbar-brand waves-effect" href="/">
        <label class="logo-badge logo-badge-outline-success ">MAKF1N STORE</label>
      </a>

      <!-- Collapse -->
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <!-- Links -->
      <div class="collapse navbar-collapse navbar-expand-lg" id="navbarSupportedContent">
              <!-- Dropdown -->
        <!-- Left -->
        <ul class="navbar-nav mr-auto">
          
        </ul>

        <!-- Right -->
        <ul class="navbar-nav nav-flex-icons">

          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle text-white" id="navbarDropdownMenuLink" data-toggle="dropdown"
              aria-haspopup="true" aria-expanded="false">Ассортимент</a>
            <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
              
              <a class="dropdown-item" href="/category/pnevmatika">Пневматика</a>
              
              <a class="dropdown-item" href="/category/strikeball">Страйкбольные пистолеты</a>
              
              <a class="dropdown-item" href="/category/dubunki">Дубинки</a>
              
              <a class="dropdown-item" href="/category/holostoy">Под холостой патрон</a>
              
              <a class="dropdown-item" href="/category/percovki">Перцовки</a>
              
              <a class="dropdown-item" href="/category/accessory">Аксессуары и прочье</a>
              
            </div>
          </li>
          
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle text-white" id="navbarDropdownMenuLink" data-toggle="dropdown"
              aria-haspopup="true" aria-expanded="false">Информация</a>
            <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
              
                 
              
                
              <a class="dropdown-item" href="/article/delivery">Доставка</a> 
              
                
              <a class="dropdown-item" href="/article/garantii">Гарантии</a> 
              
                
              <a class="dropdown-item" href="/article/readme">ПОСМОТРИ ЭТО</a> 
              
            </div>
          </li>
        
          
          <li class="nav-item text">
            <a class="nav-link waves-effect text-white" href="/accounts/login/">
              <span class="clearfix d-none d-sm-inline-block"> Войти </span>
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link waves-effect text-white" href="/accounts/signup/">
              <span class="clearfix d-none d-sm-inline-block"> Регистрация </span>
            </a>
          </li>
          
        </ul>
      </div>

    </div>
  </nav>

Как должно:
5e751a6631fba050574775.png

а выходит так
5e751a8850ca5021637672.png
  • Вопрос задан
  • 71 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 ₽
2UP Ростов-на-Дону
от 80 000 до 120 000 ₽
04 апр. 2020, в 23:07
30000 руб./за проект
04 апр. 2020, в 23:05
100000 руб./за проект
04 апр. 2020, в 22:57
2000 руб./за проект