SideNav from Right Side

Topic: SideNav from Right Side

tmlinc pro asked 3 years ago

How can I initiate an MDB SideNav from the right side of the screen?

Damian Gemza staff answered 3 years ago

Thanks for your advice. I'll add this to our nice-to-have features list, and we'll think about implementing your desired behavior in the future. For now, use your workaround in your application. Best Regards, Damian

itay pro commented 3 years ago

Please add ................

lede premium answered 3 years ago

It's not too difficult. You just need to set the .side-nav.fixed left:0 to right:0 and the main padding-left:15rem to padding-right:15rem to flip it round then change the transforms from sliding it to the left to make it slide right

itay pro commented 3 years ago

Hi lede. You solution works fine for large monitors but for mobile devices, toggling it requires changes internally in the code, invoked by sidenav.toggle()

Damian Gemza staff answered 3 years ago

Dear tmlinc, In MDB we haven't got RTL feature. And from default, the side nav is sticked to the left edge of the screen. For now, there's no possibility to change this behavior. Best Regards, Damian
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
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.2
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No