Creé la navegación con la barra de navegación para Bootstrap 5 y todo funciona bien, incluido el menú receptivo.
Ahora me gustaría crear el menú justificado a la derecha. Desafortunadamente, mis intentos de implementar esto no han sido fructíferos. Según Bootstrap, se proporcionaría la clase ‘justify-content-end’ para que el menú esté alineado en el lado derecho. Desafortunadamente, esto tampoco funcionó.
A continuación se muestra el fragmento de código en el ‘Encabezado’:
<header>
<nav class="navbar navbar-expand-md fixed-top navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#"><img
src="<?php echo get_template_directory_uri(); ?>/images/logotest2.svg" width="30" height="30"
alt="Logo" "></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main-menu"
aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="main-menu">
<?php
wp_nav_menu( array(
'theme_location' => 'main_menu',
'container' => false,
'menu_class' => '',
'fallback_cb' => '__return_false',
'items_wrap' => '<ul id="%1$s" class="navbar-nav me-auto mb-2 mb-md-0 %2$s">%3$s</ul>',
'depth' => 2,
'walker' => new bootstrap_5_wp_nav_menu_walker()
) );
?>
</div>
</div>
</nav>
Si alguien tiene una idea de cómo hacer esto, estaría agradecido por cualquier pista.
.