Topic: Route content render behind nav bars

Nico Nel free asked 3 years ago


Expected behavior Route Component's content should show in main body

Actual behavior When navigating to the route it's hidden behind the sidebar On re-freshening it show where it should

Resources (screenshots, code snippets etc.)

app component:

<app-main-navigation></app-main-navigation> <main> <router-outlet></router-outlet> </main>

app-main-navigation component: (Code copied from basic usage of sidenav, only change is adding router link)

<mdb-accordion-item-head mdbWavesEffect routerLink="myroute">

Component

<div class="container-fluid mt-5"> <h1>hello world...can you see me now?????</h1> </div> enter image description here


Nico Nel free answered 3 years ago


I copied all over again from a sample on your documentation

For some reason it seems to be ok now without adding css (even though it's fixed)


Arkadiusz Idzikowski staff answered 3 years ago


You can add padding-left: 240px rule to your main content, we explained that in the documentation:

https://mdbootstrap.com/docs/angular/navigation/sidenav/#fixed


Nico Nel free commented 3 years ago

That's no good. The content just shift to a different location . (visible in both, but different in both)

Cannot find an example of a working angular 8 fixed sidebar/navbar here..



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.7.0
  • Device: Yoga
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: Yes
  • Provided link: No