My Bootstrap navbar has a unique color scheme for the navbar itself and the letters, as indicated in the following CSS:
.jumbotron {
background-color:#2d4c60 !important;
}
nav.navbar {
background-color: #2d4c60;
}
.nav.navbar-nav.navbar-right li a {
color: white;
}
.nav.navbar-nav.navbar-left li a {
color: white;
}
https://i.sstatic.net/PUwV7.jpg
Everything is working perfectly, except for the "Ayuda" dropdown menu. All the options in the dropdown are displayed in white, causing confusion for users trying to select an option.
https://i.sstatic.net/XRk8Z.jpg
I would like the dropdown menu to have the same styling as the navbar.
Additionally, I would like the navbar-brand to have the same white color as the other options. Can you please assist me with this?