Supporto » Aspetto = Temi » Menu e sotto elementi non funzionano con bootstrap 4

  • 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)
  • Ciao @lamorfini,
    purtroppo nello specifico non so come aiutarti, forse analizzando i file del tema Understrap basato proprio su Bootstrap, troverai indicazioni.

    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)
  • Devi essere collegato per rispondere a questo topic.