Topic: MDB vue sticky sidebar

modadvisor free asked 3 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.


Magdalena Dembna staff answered 3 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):

Best regards, Magdalena

modadvisor free commented 3 years ago

let me check the example

modadvisor free commented 3 years ago

@Magdalena Dembna please check this demo. that is your demo 900 px can not hide. i have also tried in my example too not working

modadvisor free commented 3 years ago

@Magdalena Dembna any update ?

Magdalena Dembna staff commented 3 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.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: 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