Fix sidenav on large screens not working

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Fix sidenav on large screens not working

carolkamau pro asked 7 years ago

Hi, please explain to me how i can get such an output for the sidenav and navbar. i am still a beginner please explain to me in detail. Below is a link of the output i'd like. https://colorlib.com/polygon/gentelella/

Damian Gemza staff answered 7 years ago

Dear Carolkamau, I don't know exactly what's your expected behavior. Do you need double nav component? It's here ready to use: https://mdbootstrap.com/angular/layout/navigation/#f-s-f-n Best Regards, Damian

carolkamau pro answered 7 years ago

i opened it on a bigger screen and it still doesn't work as i want it to.i want the sidenav hidden on smaller devices below 992 and fixed on devices above 992.also i would like to give the user the freedom to minimize and maximize the sidenav by adding a toggle button on the navbar.Please find the screen shots below. https://drive.google.com/open?id=1vkdZW4omEnAY66RWrE4Cxu_7yxefRW6z Here is the link of the behaviour i would like with the sidenav and navbar please have a look at it to understand what i am looking for. https://colorlib.com/polygon/gentelella/  

Damian Gemza staff commented 7 years ago

Dear Carolkamau, Unfortunately, there's no possibility to change appearance and behavior of our double-nav. You have to experiment with our scss to achieve your expected behavior. Best Regards, Damian

carolkamau pro commented 7 years ago

Thank you please do consider adding this into your next release

Damian Gemza staff commented 7 years ago

We won't add this into our next release, but we'll think about implementing this in future. Best Regards, Damian
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

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

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
carolkamau
Pro User
10Support score
2Questions 1Answers
0Snippets likes 0Snippets