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.

Thanks


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): https://mdbootstrap.com/docs/vue/navigation/compositions/#v3

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 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 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.

FREE CONSULTATION

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

Status

Answered

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