Soporte » Diseño – Temas y plantillas » Creación de menú desarrollado con Bootstrap

  • Resuelto Julian Moreno

    (@merlyn333)


    Buenos días familia:

    Estoy creando un tema para WordPress y me encuentro creando un menú.

    El menú que tengo en el prototipo tiene el siguiente código:

    <ul class="nav navbar-nav">
    		                    <li class="dropdown">
    		                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">NEW ARRIVALS<span class="caret"></span></a>
    		                        <ul class="dropdown-menu">
    		                            <li><a href="#">Action</a></li>
    		                            <li><a href="#">Another action</a></li>
    		                            <li><a href="#">Something else here</a></li>
    		                            <li role="separator" class="divider"></li>
    		                            <li><a href="#">Separated link</a></li>
    		                            <li role="separator" class="divider"></li>
    		                            <li><a href="#">One more separated link</a></li>
    		                        </ul>
    		                    </li>
    		                    <li class="dropdown">
    		                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">SHOP BY CATEGORY<span class="caret"></span></a>
    		                        <ul class="dropdown-menu">
    		                            <li><a href="#">Action</a></li>
    		                            <li><a href="#">Another action</a></li>
    		                            <li><a href="#">Something else here</a></li>
    		                            <li role="separator" class="divider"></li>
    		                            <li><a href="#">Separated link</a></li>
    		                            <li role="separator" class="divider"></li>
    		                            <li><a href="#">One more separated link</a></li>
    		                        </ul>
    		                    </li>
    		                    <li><a href="#">CONTACT</a></li>
    		                </ul>

    Y el código PHP por el que lo he reemplazado es el siguiente:

    <?php
                                wp_nav_menu(
                                    array(
                                        'container' => false,
                                        'items_wrap' => '<ul class="nav navbar-nav">%3$s</ul>',
                                        'theme_location' => 'menu'
                                    )
                                );
                            ?>

    ¿Cuál archivo debo editar para que el menú dinámico me quede con la estructura del prototipo?

    Gracias por su atención, tiempo y oportuna respuesta.

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Iniciador del debate Julian Moreno

    (@merlyn333)

    Se imprime el siguiente código sin agregar las clases a la etiqueta ul:
    Código

    Iniciador del debate Julian Moreno

    (@merlyn333)

    Después de probar diferentes líneas de código y al final dejarlo como estaba, funcionó tomando los estilos, asumo que el incidente estaba relacionado con la memoria caché del navegador.

    Buenas Julian,

    <button class=»menu-toggle» aria-controls=»main-menu» aria-expanded=»true»>
    <i class=»menu-toggle__icon fa fa-bars» aria-hidden=»true»></i>
    <?php echo esc_html__( ‘Menu’, ‘pilates’ ); ?>
    </button>

    con este código no debería aparecer el menú desplegado por defecto en la versión móvil??

    Un saludo y gracias

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • El debate ‘Creación de menú desarrollado con Bootstrap’ está cerrado a nuevas respuestas.