twitter Bootstrap sub navigation change color

Question

How do I change or override the color of sub navigation items in twitter bootstraps sub menu when viewed on mobile.

If you view this site via mobile: http://61.8.186.105/ and select a top level menu, you will see that the sub nav is grey. I need to make it white, but having no luck.

I tried overriding the bootstrap settings with:

@media (max-width: 767px)
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
    }
}

.. but it is jus not picking it up.

If I set this style outside of the media query it works, (but I only want this color to set for max-width: 767px).

Anyone managed to succesfully change the color of this sub nav?

Thanks

Jason

Answer 1

Add !important in css, so that forcefully this css will be applied to link

@media (max-width: 767px)
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #fff !important;
    }
}