Topic: As Tabs in small screens, DIVs in large screens

fumarmata pro asked 3 years ago

Hello! I have created a set of tabs, following these instructions and it is working very well, but I would like to behave in a different responsive way:

  • Small screens/devices: it works as regular tabs
  • Large screens/devices: it works as regular divs. I want the contents to unfold, and behave as regular divs

How can I accomplish that?


Krzysztof Wilk staff answered 3 years ago


I think the only way is to manipulate with tabs opacity and display CSS properties. I made a snippet for you. You can check the result here:

Hope it'll meet your expectations :)

Best regards

fumarmata pro commented 3 years ago

Ooh that's perfect! I thought that it would be much more convoluted!. Thank you!

Krzysztof Wilk staff commented 3 years ago

Glad I could help :)

If you have more questions - feel free to ask :)

Best regards

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: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.2
  • Device: iPhone, Desktop
  • Browser: All
  • OS: windows, mac
  • Provided sample code: No
  • Provided link: Yes