Topic: Access to Preview Code
How do I get access to the repo with the preview code? This link here (https://mdbootstrap.com/previews/docs/latest/html/navigation/side-nav-fixed-navbar-fixed.html) has the behavior that I'm interested in, but the example code (https://mdbootstrap.com/docs/vue/navigation/compositions/#f-s-f-n) doesn't match it.
Hi there,
Our code is located in demo directory in Your MDB Vue package. Also You can access to demonstration pages by typing `yarn demo` or `npm run demo` just after installation.
Best regards
I went through the demo code but did not see the "Advanced Double Navigation" code. Can you point me to the code that renders this page: here: https://mdbootstrap.com/previews/docs/latest/html/navigation/side-nav-fixed-navbar-fixed.html
The behavior on these advanced ones is different. On the advanced mode, when the resolution is lower it minimizes the sidenav panel and also reduces to the icons. This is the desired behavior.
Whereas, on the examples in the demo, for the fixed sidenav, when the resolution is lower then the navbar goes into a hamburger nav, and then has a second hamburger bars to popup out the sidenav bar. Also, the double nav in the demo displays the hamburger navbar expanded behind the sidenav at certain resolutions (and not visible).
Hi there,
Please add 'fixed-sn' class to Your body to achieve desired behavior. It should fix Your problem.
Best regards
That did not appear to achieve the desired result. Is it not possible to get access to the code for the preview of the advanced double navigation examples for vuejs?
We don't create previews in VueJS. All code written with vue is located in our demonstration pages inside package.
Best regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Vue
- MDB Version: 4.8.2
- Device: Laptop
- Browser: Chrome
- OS: Windows10
- Provided sample code: No
- Provided link: No