Topic: How to make filters panel responsive on smaller screens

Yiannis Kyriazidis free asked 10 months ago

Im currently using the filters example from the mdb library templates

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

Navigate to : Courses > Search Courses in grid > Grid layout style 1

Grzegorz Bujański staff answered 10 months ago

You need set proper display class. I modified the snippet you sent to show you how to do it:

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