Topic: MDB vue sticky sidebar
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
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 pro premium priority vip early access commented 6 months ago
let me check the example
modadvisor pro premium priority vip early access commented 6 months 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 pro premium priority vip early access commented 6 months ago
@Magdalena Dembna any update ?
Magdalena Dembna staff premium commented 6 months 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.
Answered
- User: Pro
- Premium support: Yes
- Technology: Vue
- MDB Version: 6.7.1
- Device: PC
- Browser: google chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No