Skip to main content
2 de 2
etiquetas editadas; título editado

¿Que usar para conseguir que un submenú solo se visualice cuando el usuario pase el mouse por el menú?

Este es el código de mi menú:

  <div class="row">
        <div class="col-md-12">
            <nav class="navbar navbar-expand-lg navbar-dark" style="background:#585656;">
           
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
                </button>
                    <?php 
                            wp_nav_menu(
                                array(
                                    'theme_location' => 'superior',
                                    'container'      =>'div',                           
                                    'container_class'=>'collapse navbar-collapse',
                                    'container_id'   =>'navbarNavDropdown',
                                    'items_wrap'     => '<ul  class="nav navbar-nav">%3$s</ul>',
                                    'menu_class'     => 'nav-item',

                                )
                            );    
                    ?>
            </nav>
        </div>

    </div>

introducir la descripción de la imagen aquí

Y pues me da como resultado el menú de la imagen, sin embargo no se como hacer para decirle al código que por ejemplo Blog y contacto son el submenu de Acerca de, es mejor dicho que esto no se visualicen de esa forma, sino que se visualicen cuando el usuario pase el mouse por el menú, solo me queda decir que estoy realizando este tema con bootstrap para wordpress