Topic: force mdb tabs to be horizontally aligned

os853834 free asked 3 years ago

Expected behavior Tabs that are horizontal when the device is a phone

Actual behavior Tabs are horizontal

Resources (screenshots, code snippets etc.)

If I just copy paste an example it still shows vertical alignment. I tried the [vertical]=false and it doesn't do anything

Konrad Stępień staff answered 3 years ago

Hi @os853834,

Try to paste these styles in your styles.scss file:

.md-tabs {
    flex-direction: row;

os853834 free commented 3 years ago

Adding flex-direction: row didn't change the behavior. Is there something else I can try? Are you working off of different documentation than what's published?

Konrad Stępień staff commented 3 years ago

Please send me your code.

Can you also send ss of dev tools?

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 Angular
  • MDB Version: 9.1.0
  • Device: mobile
  • Browser: chrome
  • OS: macos
  • Provided sample code: No
  • Provided link: No