Menu responsive su template personalizzato

[01Danny]

Ciao a tutti,
Sto costruendo un template per joomla 3 basato su bootstrap e sto avendo serie difficoltà nell'implementare un menu orizzontale che sia responsive e che faccia vedere le sottovoci al passaggio del mouse.

dopo molti tentativi sto ripartendo da zero

Qualcuno ha indicazioni su come affrontare il problema?

Grazieee

[lucantropo]

Ciao hai provato a seguire la documentazione di bootstrap a riguardo dei menu?
http://getbootstrap.com/components/#nav

[01Danny]

Ciao lucantropo e grazie della risposta.


si ho provato ma senza risultati, non sono riuscito ad ottenere un normale menu orizzontale che mostra le sottovoci al passaggio del mouse e che diventa responsive quando lo rimpicciolisco lo schermo.


questo il codice che ho nel mio template al momento:

Codice: [Seleziona]

<div class="col-xs-9 col-xs-offset-3" id="FRMainMenu">
<jdoc:include type="modules" name="main-menu" style="none" /> 
<>


tu che codice scriveresti?


Grazie ancora

[lucantropo]

Ciao al momento sono su cell e quindi analizzare e scrivere codice mi riesce difficile.
Ti lanscio questa guida che spiega come usare boostrap con joomla per i menù.
Spero possa aiutarti

[01Danny]

Già seguita e inserendo quella classe mi da il menu orizzantale ma non non diventa responsive e non vedo le sottovoci (cioe le vedo se lascio "mostra sotto-voci" su si, ma le vedo aperte direttamente e non al passaggio del mouse).


Non c'è del codice standard da inserire in questi casi?

[lucantropo]

Credo che il codice che ti serva lo trovi a questo link

[01Danny]

Niente da fare. L'ho provato anche con altri moduli menu oltre che quello di default ma soliti problemi; sottovoci sempre visibile o mai   

[lucantropo]

Che versione di bootstrap  stai usando per il template?
Quella dei codici proposti e di bootstrap 3.

[01Danny]

v3.3.2 


a questo punto la miglior cosa penso che sia ripartire da zero visto che con tutte le prove fatte (da stamattina in pratica) non ne sono venuto a capo. Questo il codice nel mio template:

Codice: [Seleziona]

<div class="col-xs-9 col-xs-offset-3" id="FRMainMenu">
<jdoc:include type="modules" name="main-menu" style="none" />
<>

Da quà in poi come faccio per visualizzare un menu che funzioni normalmente e che sia responsive. Sinceramene non mi aspettavo tutto questo casino, pensavo che ci fosse del codice7classi standard di bootstrap che risolvesse il tutto.


tu cosa faresti al mio posto?  grazie ancora per tutte le risposte e scusa ma come puoi immaginare e veramente frustrante rimanere un giorno su una cosa del genere

[lucantropo]

Il codice da te inserito non si riferisce al menu di navigazione.
Se guardi il codice presentato in uno dei link cHe ho messo

Codice: [Seleziona]

<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
        Menu
    </button>
</div> <!-- navbar-header -->

<div class="collapse navbar-collapse navbar-ex1-collapse">
    <jdoc:include type="modules" name="nav" style="none" />
</div> <!-- navbar-collapse -->
</nav>

Trovi il Tag nav che è indicato per menu di navigazione.

[01Danny]

Si l'ho provato ma non va. Adesso ho riscritto il codice secondo il link da te inviato ma ho il problema delle sotto-voci


Ti apro un tunnel sul mio localhost così magari è più facile per te aiutarmi


link rimosso


grazie

[lucantropo]

credo che il problema dipenda da questo codice

Codice: [Seleziona]

<ul class="nav-child unstyled small">...</ul>
nella guida di bootstrap la classe dei sotto menu è questa

Codice: [Seleziona]

<ul role="menu" class="dropdown-menu">... </ul>

[01Danny]

come faccio a risolvere? potrei riscriverle dal modulo menu stesso ma non mi sembra una buona soluzione

[lucantropo]

potresti scrivere la classe css copiando quella di bootstrap e inserendo il nav-child, ma non sono sicuro che poi non influisca su eventuali altri menù.
In bootstrap min la classe "dropdown-menu" dovresti trovarla a riga 5

[01Danny]

Mi sa troppo complessa e rischiosa come soluzione.


Possibile che nessuna abbia mai avuto lo stesso problema?


Che dici chiudo questo post e riapro domani nella speranza che qualcuno che ha già risolto in passato veda il post?


Sinceramente non so più come muovermi

[01Danny]

Ovviamente grazie mille per l'aiuto

[lucantropo]

Purtroppo io nei miei template utilizzo bootstrap ma per i menù uso dei codici separati per mia comodità quindi piu di tanto non posso aiutarti.