Topic: force mdb tabs to be horizontally aligned

os853834 free asked 4 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 4 years ago


Hi @os853834,

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

.md-tabs {
    flex-direction: row;
}

os853834 free commented 4 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 4 years ago

Please send me your code.

Can you also send ss of dev tools?



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

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