Problema menu mobile (dropdown) no Bootstrap

12/10/2017

0

Olá. Estou com um trabalho, e recentemente o menu dropdown do vem apresentando um problema. Quando eu abro a página, ele funciona normalmente, porém, se atualizar ele apresenta um problema bem estranho, provavelmente é javascript (pelo que verifiquei), mas não tenho noção de como resolver. Segue as imagens do menu funcionando e dando problema:
https://drive.google.com/open?id=0B4wD-Zk-3he2WU43bnpBQ2FVVkE1
https://drive.google.com/open?id=0B4wD-Zk-3he2ZC1kMHJadXk2bm81
https://drive.google.com/open?id=0B4wD-Zk-3he2ZHA4cENuUDNyTm81
Eu notei que ele adiciona classes na tag html, sendo, por exemplo, pra telas grandes: media-desk-lg, e quando eu abro o inspecionar pra mobile, e a tag html está com essa classe, o menu funciona normalmente, porém se a classe é media-mobile, dá esse erro.
Mateus Freitas

Mateus Freitas

Responder

Posts

12/10/2017

Mateus Freitas

<!-- Menu -->
    <nav class="navbar navbar-inverse navbar-fixed-top menu-principal">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu-navegacao">
                    <span class="icon-bar"></span>
                       <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <!--<a href="#"><span class="glyphicon glyphicon-menu-hamburger"></span></a>-->
                </button>
                <a class="navbar-brand logo-margin" href="#page-top">CAFÉ MADE IN BRAZIL</a>
            </div>
            <div class="collapse navbar-collapse menu-navegacao" id="menu-navegacao">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a class="" href="#produtos">Produtos</a>
                    </li>
                    <li>
                        <a class="" href="#quem-somos">Quem Somos</a>
                    </li>
                    <li>
                        <a class="" href="#certificacoes">Certificações</a>
                    </li>
                    <li>
                        <a class="" href="#localizacao">Localização</a>
                    </li>
                    <li>
                        <a class="" href="#contato">Contato</a>
                    </li>
                </ul>
                <!--<ul class="nav navbar-nav">
                    <li class="divider"></li>
                </ul>
                <ul class="nav navbar-nav navbar-right menu-conta">
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Conta <span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a class="nav-drop" href="#">Entrar</a></li>
                            <li><a class="nav-drop" href="#">Cadastrar</a></li>
                        </ul>
                    </li>
                </ul>-->
            </div>
        </div>
    </nav>
    <!-- Fim do menu -->


Se precisarem de outra parte do código, é só pedir!
Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar