Problema menu mobile (dropdown) no Bootstrap

12/10/2017

0

Bootstrap jQuery CSS JavaScript

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
Gostei + 0

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

Aceitar