Topic: Make Basic Pills sticky

1001albertpadilla free asked 4 years ago

Is it possible to make the Basic Pills sticky? I want the pills to remain visible on the top part of the page every time I scroll the page down. Thanks!

Bartosz Termena staff answered 4 years ago


Try to add this to your styles.scss:

.md-tabs {
  position: fixed !important;
  width: calc(100% - 61px);
  justify-content: center;
.tab-content {
  margin-top: 2.7rem;

Hope it helps!

Best Regards, Bartosz.


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 Angular
  • MDB Version: 7.5.3
  • Device: Laptop
  • Browser: Chrome
  • OS: Win 10
  • Provided sample code: No
  • Provided link: No