Topic: How to put navbar logo to center?
Expected behavior Navbar logo must be in center of navbar Actual behavior Navbar logo at left side
How to put navbar logo to center of navbar?
Dear @Arat
Try this:
<mdb-navbar
SideClass="navbar navbar-expand-lg navbar-dark purple lighten-1"
[containerInside]="false"
>
<div class="collapse navbar-collapse">
<ul class=" navbar-nav">
<li class="nav-item active">
<a class="nav-link waves-light" mdbWavesEffect
>Home<span class="sr-only">(current)</span></a
>
</li>
<li class="nav-item">
<a class="nav-link waves-light" mdbWavesEffect>Features</a>
</li>
</ul>
</div>
<a class="navbar-brand mx-auto" href="#">
<img src="https://mdbootstrap.com/img/logo/mdb-transparent.png" height="30" alt=""
/></a>
<div class="collapse navbar-collapse">
<ul class=" navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
</ul>
</div>
</mdb-navbar>
Best Regards, Bartosz.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: 8.0.0
- Device: Desktop
- Browser: Any
- OS: Any
- Provided sample code: No
- Provided link: No
Bartosz Termena staff commented 5 years ago
Hi, could you provide more details? In what position should other links be? Also, please share your navbar code with me.Best Regards, Bartosz.
mydancebay priority commented 5 years ago
I mean logo like here https://mydancebay.net/