我正在尝试在导航中间添加徽标,但是我认为这并不是最好的方法。
当前,我有两个菜单(左和右),但是响应更快地在以前添加我的徽标会更简单。
有人可以解释一下我该怎么做吗?
下面,我当前的代码:
<nav class="navbar navbar-expand-lg navbar-light sticky-top">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navmobile" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav m-auto">
<?php
wp_nav_menu( array(
'theme_location' => 'top1',
'menu' => 'top1',
'depth' => 2, // 1 = no dropdowns, 2 = with dropdowns.
'container' => 'div',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'navbarSupportedContent',
'menu_class' => 'navbar-nav m-auto',
'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback',
'walker' => new WP_Bootstrap_Navwalker(),
) );
?>
<a class="navbar-brand large" href="<?php echo home_url(); ?>">
<!-- Image -->
<?php
$image = get_field('logo_izarra', 'options');
if( !empty($image) ): ?>
<img src="<?php echo $image['url']; ?>" class="logo-izarra" alt="<?php echo $image['alt']; ?>" />
<?php endif; ?>
<!-- Image -->
</a>
<?php
wp_nav_menu( array(
'theme_location' => 'top2',
'menu' => 'top2',
'depth' => 2, // 1 = no dropdowns, 2 = with dropdowns.
'container' => 'div',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'navbarSupportedContent',
'menu_class' => 'navbar-nav m-auto',
'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback',
'walker' => new WP_Bootstrap_Navwalker(),
) );
?>
</ul>
</div>
</nav>