Topic: SideNav is visible when page loads
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?
Please try to use non-fixed version or change value of sidenavBreakpoint input.
https://mdbootstrap.com/docs/angular/navigation/sidenav/#a-inputs
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 6 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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: 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