Classic tabs navbar with dropdown not working propery

Hi there Alex,

Thanks for reaching out! How are you adding the dropdown? Taking the one from the docs and omitting the wrapping .btn-group class returns a dropdown working correctly in classic tabs on my end. What about yours?

With Best Regards,
Kuba

---

Here is just some example code: <ul class="nav classic-tabs tabs-cyan" role="tablist"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a> <div class="dropdown-menu"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Separated link</a> </div> </li> </ul> I tried changing it over to a button like the example you gave but it produced the same result. If i remove the .classic-tabs class everything works fine. If there is something i am doing wrong please let me know.

---

Hi there, It's the position: relative of .dropdown causing the issue. Please use <li class="nav-item dropdown" style="position: static;"> instead. To compensate for traditionally bright font on .classic-tabs, consider

  .classic-tabs li a.dropdown-item {
    color: black
  }

Best, Kuba

---