6
respostas

sobre o menu

coloquei a propriedade para o menu ficar fixo , eu queria saber como fazer para ele nao cobri meu titulo da section qdo eu clico?

<nav class="navbar  navbar-default navbar-fixed-top">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-navbar" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a href="#" class="navbar-brand">TopPlantas </a>
                    </div>
                    <div class="collapse navbar-collapse" id="collapse-navbar">
                        <ul class="nav navbar-nav navbar-right">
                            <li data-parent="#collapse-navbar"><a href="#sobre-nos">Sobre Nós</a></li>
                            <li data-parent="#collapse-navbar"><a href="#projetos">Nossos Projetos</a></li>
                            <li data-parent="#collapse-navbar"><a href="#depoimentos">Depoimentos</a></li>
                            <li data-parent="#collapse-navbar"><a href="#video">Video Institucional</a></li>
                            <li data-parent="#collapse-navbar"><a href="#contato">Contato</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
6 respostas

Oi Jhones, tudo certo?

Tem um truque! Basta colocar um padding-top no body.

Na propria documentacao é informado o valor exato, que é de 70px.

Espero ter ajudado e bons estudos!

Abcs!

mais ai fica com um espaco em branco entre o menu e a imagem de fundo de baixo

Oi Jhones,

Tenta ir ajustando esse padding-top até que fique ok.

Abcs!

Jhones,

Li a documentação direito, repare no trecho:

Tip: By default, the navbar is 50px high.

Tenta colocar 50 então que deve ser sucesso.

Abcs!

funcionou , menos no mobile

Nesse caso recomendo usar valores específicos usando media queries.