Topic: How to make filters panel responsive on smaller screens

Yiannis Kyriazidis free asked 2 years 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 2 years 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

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