Hallo allerseits,
ich habe die Navigation mit dem Navbar-Walker für Bootstrap 5 erstellt und alles funktioniert bestens inklusive dem responsive Menu.
Nun würde ich gerne das Menu rechtsbündig anlegen. Leider haben meine Versuche dies umzusetzen nicht gefruchtet. Gemäss Bootstrap wäre da die Klasse 'justify-content-end' vorgesehen, damit das Menu auf der rechten Seite ausgerichtet wird. Leider hat dies auch nicht geklappt.
Untenstehend noch das Codesnippet im 'Header':
PHP
<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>
</header>
Alles anzeigen
Falls jemand eine Idee hat wie man dies bewerkstelligen kann, wäre ich für jeglichen Hinweis dankbar.
Besten Dank im Voraus für alle Hinweise oder Links! :)