Topic: Double navigation logo

pro asked 5 years ago


I am using this template (https://mdbootstrap.com/angular/layout/navigation/#f-s-f-n) for my app with this logo. But the side menu lists item overlapped with the logo.  

Edyta Dabrowska free answered 5 years ago


Then please try and put .pt-5 class to <li> over <ul class="social"> .


pro answered 5 years ago


Hi, I have used mb-5 as shown below and it works and looks nice than before, but it still overlap 20% of the first meun list. I tried to put mb-5 in the img tag, it did not make any change, therefore I placed in the DIV class instead.
<li>
<div class="logo-wrapper waves-light mb-5">
<a><img src="{{patient?.photoMainSrc}}"class="img-fluid flex-center"></a>
</div>
</li>

Edyta Dabrowska free answered 5 years ago


Hi, please try adding .mb-5 class to your logo-wrapper div.

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

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags