Начальное меню Bootstrap для мобильных устройств не работает - PullRequest
Новая
       19

Начальное меню Bootstrap для мобильных устройств не работает

0 голосов
/ 14 октября 2018

Это фиксированное верхнее меню работает правильно с рабочего стола, но с мобильным, не работает.как заставить это работать с мобильным.

Я использую bootstrap и шрифт потрясающий.

Вот код: 

        <!-- Navigation -->
    <header class="nav">
        <div class="nav__holder nav--sticky">
            <div class="container-fluid nav__container nav__container--side-padding">
                <div class="flex-parent">

                    <div class="nav__header">
                        <!-- Logo -->
                        <a href="index.php" class="logo-container flex-child">
                            <img class="logo" src="img/ERRE_logo_2.png" srcset="img/ERRE_logo_2.png 1x, img/ERRE_logo_2.png 2x" alt="logo">
                        </a>

                        <!-- Mobile toggle -->
                        <button type="button" class="nav__icon-toggle" id="nav__icon-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="nav__icon-toggle-bar"></span>
                            <span class="nav__icon-toggle-bar"></span>
                            <span class="nav__icon-toggle-bar"></span>
                        </button>
                    </div>

                    <!-- Navbar -->
                    <nav id="navbar-collapse" class="nav__wrap collapse navbar-collapse">
                        <ul class="nav__menu">
                            <li class="nav__dropdown active">
                                <a href="index.php" aria-haspopup="true">Início</a>
                                <i class="ui-arrow-down nav__dropdown-trigger" role="button" aria-haspopup="true" aria-expanded="false"></i>

                            </li>
                            <li class="nav__dropdown">
                                <a href="portfolio-gallery.html" aria-haspopup="true">Portfolio</a>
                                <i class="ui-arrow-down nav__dropdown-trigger" role="button" aria-haspopup="true" aria-expanded="false"></i>


                            </li>
                            <li class="nav__dropdown">
                                <a href="#servicosan" aria-haspopup="true">Serviços</a>
                                <i class="ui-arrow-down nav__dropdown-trigger" role="button" aria-haspopup="true" aria-expanded="false"></i>
                            </li>


                            </li>
                            <li class="nav__dropdown">
                                <a href="#contactosan" aria-haspopup="true">Contactos</a>
                                <i class="ui-arrow-down nav__dropdown-trigger" role="button" aria-haspopup="true" aria-expanded="false"></i>
                            </li>

                        </ul> <!-- end menu -->

Как я могу сделать эту работу?

1 Ответ

0 голосов
/ 15 октября 2018

Я исправил это, изменив это: <li class="nav__dropdown"> На это: <li class="">

Теперь это исправлено и работает хорошо.

...