thanks for this template. I'd like to change the main navigation.
If there is a Navigation like this
1. Email 1.1. New email 1.2. Archive
At the moment / default, if you click on email, the subnavigation is expanded. I want a link behind Email and only the arrows on the right side for expanding the sub menu.
Change main navigation element to link and arrows for expanding
thanks for this template. I'd like to change the main navigation.
If there is a Navigation like this
1. Email
1.1. New email
1.2. Archive
At the moment / default, if you click on email, the subnavigation is expanded. I want a link behind Email and only the arrows on the right side for expanding the sub menu.
Is there any option for this?
Christian
Try the code below:
<li class="nav-item">
<div class="nav-link px-2 d-flex align-items-center gap-3">
<a href="email.html" class="nav-link d-flex align-items-center p-0 me-auto gap-3">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>
<span>Email</span>
</a>
<a class="dropdown-toggle link-light" href="#email-collapse" data-bs-toggle="collapse" role="button" aria-expanded="true" aria-controls="email-collapse"></a>
</div>
<div class="ms-5 collapse" id="email-collapse" data-bs-parent="#mainMenu" style="">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="email-new.html">New email</a></li>
<li class="nav-item"><a class="nav-link" href="email-archive.html">Archive</a></li>
</ul>
</div>
</li>