Menu e sotto elementi non funzionano con bootstrap 4

Risolto

(@lamorfini)

Salve, uso questa classe per il menu di bootstrap..
https://github.com/wp-bootstrap/wp-bootstrap-navwalker

Non so non funzionano il sotto menu ..
avete idea ?
il codice che uso è questo:

<?php
        wp_nav_menu([
          'menu'            => 'Menu Header',
          'theme_location'  => 'primary',
          'depth'           => 2, // 1 = no dropdowns, 2 = with dropdowns.
          'container'       => 'div',
          'container_class' => 'collapse navbar-collapse',
          'container_id'    => 'bs-example-navbar-collapse-1',
          'menu_class'      => 'navbar-nav mr-auto',
          'fallback_cb'     => 'WP_Bootstrap_Navwalker::fallback',
          'walker'          => new WP_Bootstrap_Navwalker(),
        ]);
        ?>

grazie mille .. il tema lo sto facendo da solo con html, css, php, javascript, jquery..
e ancora in locale appena sistemo il menu perché le altre cose e tutto ok.
vi ringrazio molto e buona serata.

Stai visualizzando 2 risposte - dal 1 al 2 (di 2 totali)

Moderatore Gloria Liuni
(@glorialchemica)

4 anni, 2 mesi fa

Ciao @lamorfini,
purtroppo nello specifico non so come aiutarti, forse analizzando i file del tema Understrap basato proprio su Bootstrap, troverai indicazioni.
Chi ha creato la discussione Luigi Amorfini
(@lamorfini)

4 anni, 2 mesi fa
allora, mi è riuscito c’è da modificare la classe come dice qua:

Add this css

ul.dropdown-menu li > ul.dropdown-menu{
left: 100%;
top: 0;
}

ul.dropdown-menu li:hover > ul.dropdown-menu, ul.dropdown-menu li:focus > ul.dropdown-menu{
display: block
}
Remove this code && 0 === $depth from class-wp-bootstrap-navwalker.php

original code:

if ( isset( $args->has_children ) && $args->has_children && 0 === $depth && $args->depth > 1 ) {
After editing:

if ( isset( $args->has_children ) && $args->has_children && $args->depth > 1 ) {

oltre ho integrato questo snippet:
https://github.com/bootstrapthemesco/bootstrap-4-multi-dropdown-navbar

ed mi ha funziona cosi:
```
<div class="container">
<nav class="navbar navbar-expand-md navbar-light bg-faded">
    <a class="navbar-brand" href="#">Navbar</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#lanavbar" aria-controls="lanavbar" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
      <?php
      wp_nav_menu([
        'menu'            => 'Menu Header',
        'theme_location'  => 'primary',
        'container'       => 'div',
        'container_id'    => 'lanavbar',
        'container_class' => 'collapse navbar-collapse',
        'menu_id'         => false,
        'menu_class'      => 'navbar-nav mr-auto',
        'depth'           => 3,
        'fallback_cb'     => 'WP_Bootstrap_Navwalker::fallback',
        'walker'          => new WP_Bootstrap_Navwalker()
      ]);
      ?>

</nav>
</div>
```
grazie mille… ma in quel tema che mi hai postato non si capisce un tubo.

buona giornata.

Stai visualizzando 2 risposte - dal 1 al 2 (di 2 totali)

Il topic ‘Menu e sotto elementi non funzionano con bootstrap 4’ è chiuso a nuove risposte.

Menu e sotto elementi non funzionano con bootstrap 4

Tag del topic

Visualizza