How to make filters panel responsive on smaller screens


Topic: How to make filters panel responsive on smaller screens

Yiannis Kyriazidis asked 3 years ago

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


Grzegorz Bujański staff answered 3 years ago

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


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

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
Tags