Make Basic Pills sticky

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Make Basic Pills sticky

1001albertpadilla asked 5 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 5 years ago

Hi!

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.

FREE CONSULTATION

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

Closed

Specification of the issue
  • User: 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
Tags
make-basic-pills-sticky
About author
1001albertpadilla
214Support score
35Questions 4Answers
0Snippets likes 0Snippets