Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Double navigation logo

stalis pro asked 7 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 7 years ago

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

stalis pro answered 7 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 7 years ago

Hi, please try adding .mb-5 class to your logo-wrapper div.
Write
Create snippet
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: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
About author
stalis
Pro User 12Support score
8Questions 16Answers 0Snippets