Menu Retrátil.

Front-end

10/07/2015

Boa tarde, estou com uma duvida em um menu retrátil.

Ele funciona perfeitamente, mas eu quero que o conteúdo do site que está em baixo do menu. Acompanhasse a caixa Subindo e descendo

Como é possível fazer isso ?
Renan Carlos

Renan Carlos

Curtidas 0

Respostas

Jothaz

Jothaz

10/07/2015

Sem os códigos, css e HTML envolvidos não tem como adivinhar o que esta acontecendo.
Então por favor poste os códigos.
GOSTEI 0
Renan Carlos

Renan Carlos

10/07/2015

    <div id="R-Menu">
        <ul class="m-menu">
            <li><a href="#">Home</a></li>
            <li>
                <a href="#" class="dropdown-toggle">Cadastros</a>
                <div class="m-menu-container" data-role="dropdown" data-no-close="true">
                    <div class="grid no-margin">
                        <div class="row cells5">
                            <div class="cell padding10">
                                <img src="images/me.jpg">
                            </div>
                            <div class="cell colspan2">
                                <h3 class="fg-white text-bold text-shadow">Centro Espírita Beneficente <br/>
                                 União do Vegetal</h3>
                                
                                <p class="padding20 no-padding-top no-padding-left no-padding-bottom fg-white text-bold" >
                                    Departamento de Memória e Documentação
                                </p>                                
                            </div>
                            <div class="cell colspan2">
                                <ul class="unstyled-list">
                                    <li>
                                        <h3 class="text-shadow">Cadastros</h3>
                                    </li>
                                    <li><a class="fg-white text-bold" href="#">Local</a></li>
                                    <li><a class="fg-white text-bold" href="#">Material</a></li>
                                    <li><a class="fg-white text-bold" href="#">Nucleos</a></li>
                                    <li><a class="fg-white text-bold" href="#">DAV's</a></li>
                                    <li><a class="fg-white text-bold" href="#">Usuario</a></li>
                                    <li><a class="fg-white text-bold" href="#">Usuario</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="#" class="dropdown-toggle">Download</a>
                <div class="m-menu-container" data-role="dropdown" data-no-close="true">
                    <ul class="inline-list">
                        <li><a href="#">Windows</a></li>
                        <li><a href="#">Office</a></li>
                        <li><a href="#">Skype</a></li>
                        <li><a href="#">Internet Explorer</a></li>
                        <li><a href="#">Visio</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#" class="dropdown-toggle">Devices</a>
                <div class="m-menu-container" data-role="dropdown">
                    <ul class="inline-list">
                        <li><a href="#">Surface</a></li>
                        <li><a href="#">Xbox</a></li>
                        <li><a href="#">PC & Tables</a></li>
                        <li><a href="#">Phones</a></li>
                        <li><a href="#">Accessories</a></li>
                    </ul>
                </div>
            </li>
            <li><a href="#">Support</a></li>
            <li><a href="#">Acervo</a></li>
        </ul>
    </div>



Este é o menu, quando Clico em algum <LI> que contenha DropDown ele desce uma caixa certo ? Menu retrátil...

O que quero, é que o conteudo do site que está abaixo do menu o acompanhe.

Mais um exemplo: Tenho um <NAV> ... Quero que o conteudo de uma Section que está abaixo do <nav> Desça quando for acionado o dropdown do menu.

Consegui explicar ?
GOSTEI 0
Randrade

Randrade

10/07/2015

Poste também o css que você está utilizando. Está utilizando jQuery, Bootstrap, Angular, etc. Poste as tecnologias envolvidas.

Para melhor visualização e ajuda, crie um Fiddle com o seu código e funcionamento.
GOSTEI 0
Fabricio Alves

Fabricio Alves

10/07/2015

Eu queria até o seu css, estou acompanhando para aprendizado!
GOSTEI 0
Renan Carlos

Renan Carlos

10/07/2015

Olá, bom dia.

Devido a meu trabalho estar exigindo um tanto de mim, Estou precisando adiar um pouquinho. Esse estudo.

Mas quando voltar, eu posto o codigo certinho pra vocês, verificarem. Estou um usando o METRO-UI..

Mas só como base. Mudei algumas coisas e fiz meu próprio código CSS. Hoje a tarde dou um retorno no formato em que o Randrade sugeriu.

Grato!!
GOSTEI 0
Fabricio Alves

Fabricio Alves

10/07/2015

Por favor, volte mesmo!!! kkkk
Querover e testar.
GOSTEI 0
POSTAR