Почему гамбургер меню не появляется?

Question

[Eugene Chefranov]

Не получается отобразить гамбургер меню в мобильной версии сайта, его попросту не видно.

Вот как выглядит страница в десктопной версии


А вот в мобильной


И вроде бы даже есть и работает данное меню, но внешний вид кнопки не отображается.


Вот код:

<div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                              </button>
                </div>

                <div class="navbar-collapse collapse">
                    <nav class="navmenu navmenu-default" role="navigation">
                    <ul class="nav navmenu-nav">
                        <li><a href="#">Почему мы</a></li>
                        <li><a href="#">Наши работы</a></li>
                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Услуги <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">брови</a></li>
                            <li><a href="#">ресницы</a></li>
                            <li><a href="#">маникюр</a></li>
                            <li><a href="#">волосы</a></li>
                            <li><a href="#">makeup</a></li>
                        </ul>
                        </li>
                        <li><a href="#">мастера</a></li>
                        <li><a href="#">контакты</a></li>
                    </ul>
                    </nav>
                </div>

Answer 1

[tyzberd]

в bootstrap 3 стили для span добавляются через класс .navbar-default .navbar-toggle .icon-bar
ваше меню должно быть в navbar navbar-default
https://getbootstrap.com/docs/3.3/examples/navbar/#

Answer 2

[Александр]

Стили и скрипты Bootstrap подключены правильно? Библиотека jQuery подключена перед Bootstrap? И в каком месте страницы всё подключается у вас?

Comments

[Eugene Chefranov]

Таким образом подключено

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

[Eugene Chefranov]

Может ли каким-то образом влиять, то, что меню расположено на сайдбаре с свойством position:fixed?