Bom dia! Alguém pode me ajudar a ajudar um amigo? Eu estou criando uma pagina para um amigo; o site é gpchaveiro.com.br. Mas quando abro pelo computador ele apesar de simples, está amigável; *mas quando abro de qualquer smartphone*, a parte superior está com um **espaçamento fora do comum**, alterando o layout, cortando parte de um slide que vem logo abaixo e, **o pior é que quando aperto o menu ele abre as opções, eu escolho, e ele continua na tela, ele não recua**. - **No HTML (index.html):** ``` ``` - **NO CSS (style.css)** ``` .navbar-default { background-color: transparent; border-color: transparent; margin-bottom: 0; margin-top: 8px; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; } .nav-bar { margin-top: 29px; } .navbar-toggle span { color: #fff; } ul.nav { margin: 0; padding: 0; } .navbar-default .navbar-nav>li>a { font-size: 24px; color: #737373; text-transform: uppercase; transition: all .7s ease 0s; -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; -ms-transition: all .7s ease 0s; padding: 14px 15px; font-weight: bold; } .navbar-default .navbar-nav>li>a:hover { color: #42b3e5; } .navbar-default .navbar-toggle .icon-bar { background-color: #000; } li a.active { color: #42b3e5 !important; } .navbar-default .navbar-toggle { border-color: #fff; margin-top: 4px; } Existem dois sites muito no estilo desse que fiz, e o deles funcionam perfeitamente essa ação via smartphone, não fica com o espaço que o meu fica e uma vez escolhido o link no menu, ele recua: chaveiro24horasajato.com.br e chaveiros24horas.com.br Alguem consegue me ajudar, por gentileza?! Agradecendo desde já! ```

Bruno Godinho

Menu Toggle navigation navbar - Apresentando erro quando o site é aberto por smartphone