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!


Topic: Navbar not resizing correctly when items are added or deleted 6.2.4

Alberto pro asked 6 years ago


Hello,
since upgrading my navbar does not resize correctly.
When collapsed the items are correctly added and removed by angular,
but the background remains transparent. I took a picture but i can't see how to upload it. below is my code.
It may have something to do with the collapse not properly resetting the height
<mdb-navbar SideClass="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar"

[containerInside]="false">

<mdb-navbar-brand>

<a class="logo navbar-brand" href="#">

<strong>KonaEMR by Vetspresso!</strong>

</a>

</mdb-navbar-brand>

<links>

<ul class="navbar-nav mr-auto">

<li class="nav-item active waves-light" mdbWavesEffect>

<a class="nav-link">Home

<span class="sr-only">(current)</span>

</a>

</li>

<li class="nav-item waves-light" mdbWavesEffect>

<a class="nav-link">Link</a>

</li>

<li *ngIf="loggedIn$ | async" class="nav-item waves-light" mdbWavesEffect>

<a class="nav-link">Profile</a>

</li>

<li *ngIf="loggedIn$ | async" class="nav-item waves-light" mdbWavesEffect>

<a class="nav-link" (click)="logOut()">Logout</a>

</li>

</ul>

</links>

</mdb-navbar>

                
                  

Arkadiusz Idzikowski staff answered 6 years ago


Dear Alberto, I could not reproduce this problem with the code above. There should be 'add image' icon when you write new post. If that doesn't work for you, please upload the screenshot to an external service and paste link here. Regards, Arek

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: 6.2.3
  • Device: Any
  • Browser: Any
  • OS: Any
  • Provided sample code: Yes
  • Provided link: No