search

creativetimofficial / ct-material-dashboard-pro

Material Dashboard Pro - Premium Bootstrap 5 Admin
https://demos.creative-tim.com/material-dashboard-pro/pages/dashboards/analytics
118 stars 29 forks source link

Sidenav closed or collapsed on large screen #349

Closed codigocafecomleite closed 2 years ago

codigocafecomleite commented 2 years ago

How can I make sidenav start closed (collapsed) on large screens?

groovemen commented 2 years ago

Hello @adrianleite,

Thank you for using our products, to achieve this feature you just need to set the .g-sidenav-hidden class for the <body> tag. Please let us know if we can help with any other details.

Best, Stefan

codigocafecomleite commented 2 years ago

@groovemen thanks, it worked perfectly. I want to take advantage and ask how can I close (collapse ) through a javascript action?

groovemen commented 2 years ago

Hello again,

What you have to do with the javascript is to change the aria-expanded="true" to aria-expanded="false" for the <a class="nav-link"...> component. Also you have to erase the class show from the next sibling: <div class="collapse show"> Hope this information helps you. Please let us know if we can help you with anything else.

All the best, Stefan