Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : claudiovis 22 Nov 2013, 10:51:57

: [RISOLTO]bootstrap menu in template protostar
: claudiovis 22 Nov 2013, 10:51:57
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/ (http://getbootstrap.com/)) ... cosa devo modificare?
: Re:bootstrap menu in template protostar
: claudiovis 22 Nov 2013, 11:29:29
... 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
: Re:bootstrap menu in template protostar
: claudiovis 22 Nov 2013, 14:33:53
se può servire a qualcuno...
in index.php subito prima di posizione-1 ho messo il bottone

:

<?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

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

...direi che funziona   :D
... a volte solo lo scrivere quà mi fa trovare la soluzione!!  8)
: Re:[RISOLTO]bootstrap menu in template protostar
: BelinBelan 22 Nov 2013, 16:42:39
Ottimo lavoro claudiovis! e grazie per aver condoviso questa soluzione con tutti noi!  ;)
: Re:bootstrap menu in template protostar
: roberta73 21 Oct 2015, 17:09:53

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

:

<?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

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

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