Navbar Font Colot

hi

I have a transparent navbar and I would like to font color to be white. I tried changing .navbar-collapse.collapse but is not working as shown

BS-Capture2
BS-Capture4

But when added into the css .show class and the background color changes white but the font color doesn’t change when view in mobile as shown

BS-Capture3

BS-Capture4

I would like the font color to be white when in desktop mode and font color to be red in mobile view mode.

What I need to change in the CSS? Thanks

Use the following CSS:

.nav-link {
  color: red;
}

@media (min-width: 576px) {  /* <-- set this to your breakpoint */
  .nav-link {
    color: white;
  }
}
1 Like