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.
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
Curtir tópico
+ 0
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
Clique aqui para fazer login e interagir na Comunidade :)
