The background color and link color of navbar in the page header of our themes is defined in theme settings. Light and dark navbars are useful for use elsewhere in the help center, for example on Contributions page.
You can apply your own colors to navbar elements and navbar links using utilities like .text-gray-600 and .hover:text-gray-700.
Use .navbar-toggle to display an animated, hamburger-style menu toggle on small screen sizes.
Use .navbar-brand on the link containing your logo to ensure that it inherits the appropriate color scheme. The color is inherited by the optional tagline, which is configurable through theme settings, as well as the logo itself if you chose to use an inline SVG with the .fill-current utility.
The tagline can be given a different look-and-feel using utilities or elements, like the badge style used in the example above.
Use .menu on a .nav element to create a responsive menu.
Our themes allow you to define when the menu changes from a collapsible mobile menu to a standard navbar menu and what style the mobile menu has. The two built-in options are standard (where the menu fades in and out) and slide-in (where the menu slides in from the left-hand side of the screen).