Topic: Is there a way to make a navbar that has a link with a split arrow down next to it?
I want to create a navbar that has normal links like this:
<ul class="navbar-nav me-auto mb-2 mb-lg-0 text-light">
<li class="nav-item text-capitalize">
<a class="nav-link <% if (page_name === 'design') { %>active <% } %>" aria-current="page" href="/design">Web Design</a>
</li>
but also has nav links that would have a split down like the split button feature you have. Currently, when I try and replicate some of those classes it breaks the formatting and looks very odd. Is there a way that I can achieve this for my navigation?
Please copy code from the code example and work from there: https://mdbootstrap.com/docs/standard/components/dropdowns/#
You may find our navbar generator helpful: https://mdbootstrap.com/docs/standard/tools/builders/navbar/
goodfellastech pro premium priority commented 12 months ago
I was hoping to avoid the button as the functionality in navigation does not work properly and that would considerably hurt SEO.
Kamila Pieńkowska staff commented 12 months ago
Please explain what you want help with.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 6.4.2
- Device: mac OSX
- Browser: chrome
- OS: Ventura
- Provided sample code: No
- Provided link: No