Topic: MDB vue sticky sidebar
modadvisor asked 4 years ago
Dear Sir,
I want to keep sticky sidebar except mobile device. in the mobile device only it should able to toggle.
I mean left side sticky sidebar and content should show right side. Please suggest solutions.
Thanks
Magdalena Dembna staff premium answered 4 years ago
In the third example of our Compositions (Navbar + Sidenav) the Sidenav is fixed on screens bigger than 900px (you can change this value in checkWidth()
method): https://mdbootstrap.com/docs/vue/navigation/compositions/#v3
Best regards, Magdalena
modadvisor commented 4 years ago
let me check the example
modadvisor commented 4 years ago
@Magdalena Dembna please check this demo. that is your demo https://vue.mdbootstrap.com/#/navigation/pro/double-navigation-v3 900 px can not hide. i have also tried in my example too not working
modadvisor commented 4 years ago
@Magdalena Dembna any update ?
Magdalena Dembna staff premium commented 4 years ago
This demo alternates between two modes (over and side). If you want to hide the Sidenav in an over mode (but still allow to expand it with a toggler), make use of the v-model
and set the binding's value to false
accordingly.
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 Vue
- MDB Version: 6.7.1
- Device: PC
- Browser: google chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No