Topic: How to make filters panel responsive on smaller screens
Im currently using the filters example from the mdb library templates
https://mdbootstrap.com/snippets/standard/mdbootstrap/2515484
But on smaller screens the filters panel sidebar dissapears.
How can I make it shown at the top when screen is smaller ?
Here is an example on what I wish to acheive. See on smaller screens that it is collapsed at the top when toggable button https://www.templatemonsterpreview.com/demo/222444.html
Navigate to : Courses > Search Courses in grid > Grid layout style 1
You need set proper display class. I modified the snippet you sent to show you how to do it: https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/3626443#html-tab-view
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 3.10.2
- Device: windows desktop
- Browser: chrome
- OS: windows
- Provided sample code: No
- Provided link: Yes