Menu e sotto elementi non funzionano con bootstrap 4

  • Risolto Luigi Amorfini

    (@lamorfini)


    4 anni, 8 mesi fa

    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, 8 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, 8 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.