Navbar Bootstrap non funziona
-
Buongiorno,
Ho voluto inserire nel mio tema il menu bootstrap. Il menu funziona bene ma non del tutto: nella versione dektop funziona bene, nella versione mobile presenta i seguenti errori:
– Cliccando il l’icona il menu si apre e si chiude perfettamente. Una volta chiuso, ripetendo l’operazione il menù non funziona più;
– Provando a restringere una finestra dektop in una versione mobile, il menu si trasforma in verticale e si chiude nell’icona. Fino a qui funziona pefettamente ma una volta chiuso, allargando la finestra alla versione dektop il menù scompare.
Il codice inserito nell’header è il seguente:
<div class=”navbar navbar-inverse”>
<div class=”navbar-inner”>
<div class=”container”>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
<div class=”nav-collapse collapse”>
<ul class=”nav”>
<?php wp_list_pages(array(‘title_li’ => ”, ‘exclude’ => 4)); ?></div><!–/.nav-collapse –>
</div>
</div>Secondo voi ho sbagliato il codice? dove può essere l’errore? come posso farlo funzionare bene?
Grazie
-
Hey ciao, e scusa che non ti abbiamo risposto da tutto questo tempo.
Il tuo problema non è diciamo strettamente legato a WordPress ed è un problema di front-end e quindi di HTML e CSS.
Non avendo fornito il link al sito web sul quale ti succede questo problema ci viene difficile aiutarti, puoi fornirci il link? 😉
Conta anche che a ridimensionare le finestre del browser, per testare come si vede un sito web, siamo solo noi sviluppatori e gli utenti medi non hanno ragione per farlo… per questo ti consiglio di fare test su dispositivi reali e vedere come funziona il tuo sito web su schermi di dimensioni diverse.
- Questa risposta è stata modificata 8 anni, 4 mesi fa da Olegs Belousovs.
Ciao alexmanpd,
Probabilmente avrai già risolto essendo passato tutto questo tempo, ma nel codice che hai incollato vedo un errore di markup.
Non hai chiusto il tag UL.</ul></div><!–/.nav-collapse –>
Oltre a questo mi permetto di suggerirti l’utilizzo di wp_nav_menu al posto di wp_list_pages in modo da poter personalizzare le voci tramite la gestione del menu integrato di WordPress.
In questo caso il tag UL non sarebbe neppure necessario…Infine, nel caso volessi usare tutte le features offerte da Bootstrap3 ci sarebbe anche da personalizzare il Walker di WordPress.
Fortunatamente anche per questo c’è chi ci ha gia pensato: wp-bootstrap-navwalker
- Il topic ‘Navbar Bootstrap non funziona’ è chiuso a nuove risposte.