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 a year 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 a year 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