[RISOLTO]bootstrap menu in template protostar

[claudiovis]

ciao a tutti
sto usando un joomla 3.1 (a breve provo il 3.2) ed il template protostar.

ho caicato un menu orizzontale nav-pills in position-1   ...tutto perfetto.

quando restringo il browser il menù mi diventa verticale...  ma visibile.

io vorrei che quando stringo la pagina mi venga il bottoncino del menù che se cliccato mi mostra il menù (come http://getbootstrap.com/) ... cosa devo modificare?

[claudiovis]

... hmm mettendo affianco a nav-pills anche nav-collapse me lo chiude...

...ora devo capire come mettere il bottone che richiama il menu....

  se avete qualche consiglio è ben accetto... continuo a cercare

[claudiovis]

se può servire a qualcuno...
in index.php subito prima di posizione-1 ho messo il bottone

Codice: [Seleziona]


<?php if ($this->countModules('position-1')) : ?>
            <nav class="navigation" role="navigation">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>

                <jdoc:include type="modules" name="position-1" style="none" />
            </nav>
            <?php endif; ?>

nel mio custom. css ho aggiunto

Codice: [Seleziona]

@media (min-width: 980px) {
    .navigation .btn-navbar{
        display:none;
    }
} 

...direi che funziona   
... a volte solo lo scrivere quà mi fa trovare la soluzione!! 

[BelinBelan]

Ottimo lavoro claudiovis! e grazie per aver condoviso questa soluzione con tutti noi! 

[roberta73]

Anche a distanza di tanto tempo, volevo ringraziarti perché con questo post mi hai aiutata parecchio!

se può servire a qualcuno...
in index.php subito prima di posizione-1 ho messo il bottone

Codice: [Seleziona]


<?php if ($this->countModules('position-1')) : ?>
            <nav class="navigation" role="navigation">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                [/url]

                <jdoc:include type="modules" name="position-1" style="none" />
            </nav>
            <?php endif; ?>

nel mio custom. css ho aggiunto

Codice: [Seleziona]

@media (min-width: 980px) {
    .navigation .btn-navbar{
        display:none;
    }
} 

...direi che funziona   
... a volte solo lo scrivere quà mi fa trovare la soluzione!!