Topic: How to put navbar logo to center?

mydancebay priority asked 5 years ago


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?


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/


Bartosz Termena staff answered 5 years ago


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.



Please insert min. 20 characters.

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