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: SideNav is visible when page loads

Oskar Helling free asked 5 years ago


The sidenav component is visible and then immediate hides when the page loads. How can I make it hiden from start so that I do not see it hiding on pageload?


Oskar Helling free answered 5 years ago


Thanks for the quick reply. I tried a combination of both. Did not work. It is very disturbing to see the menu hide on each pageload. Do you have any other suggestions?

This is how it looks like now:

<!-- Sidebar navigation -->
<mdb-side-nav #sidenav class="fixed" [fixed]="true">
  <!-- Logo -->
  <li>
   ...

Also, is it possible to make the sidenav push the content (routeroutlet) to the side when it is displayed? Now it floats on top of the content. How would I achieve this?


Arkadiusz Idzikowski staff commented 5 years ago

We will take a closer look with the problem with sidenav blink. Unfortunately we don't have sidenav that pushes the content in our package.


Arkadiusz Idzikowski staff answered 5 years ago


Please try to use non-fixed version or change value of sidenavBreakpoint input.

https://mdbootstrap.com/docs/angular/navigation/sidenav/#a-inputs



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: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.5.0
  • Device: Computer
  • Browser: Chrome
  • OS: macos
  • Provided sample code: No
  • Provided link: No