Dropdown menu hover and active colors

[timhovius]

Hello,

The background colors for dropdown menus are incorrect. They are bootstrap-blue.

I changed the less by meself, something like this:

.dropdown-menu {
  .active {
    a {
      background-color: transparent;
      color: #333333;
    }

    a:hover {
      background-color: transparent;
      color: #009587;
    }
  }
}

[FezVrasta]

Where are you trying?

Here everything works: http://fezvrasta.github.io/bootstrap-material-design/#navbar

[psenechal]

Try adding the class "active" to one of the

tags in the dropdown menu and you'll see what Tim is referring to. It's a common class addition for CMS apps. I'm working in Orchard CMS and it does it as well.

[timhovius]

Yes @psenechal you are right. I use this bundle with KnpMenuBundle. KnpMenuBundle added the class active when the current page matches the route of the dropdown item.