1. Home
  2. Marco HTML
  3. Navigation
  4. Navigation classes

Navigation classes

By default the nav bar will appear as a white bar at the top of the page with logo on the left side and menu items on the right side. You can modify this appearance in a couple of ways by adding a class to the “body” element.
 

Navigation classes:

 

Position
nav-top
nav bar will appear at the top of the page.
nav-bottom
nav bar will appear at the bottom of the page (option available in home page).

Visibility
nav-solid
nav bar with solid background color.
nav-transparent
nav bar with background transparent.

Color
nav-light-text
nav bar with light menu items and dark background color (if added “nav-solid” class).
nav-dark-text
nav bar with dark menu items and light background color (if added “nav-solid” class).

Content position
nav-left
nav bar with logo on the left side and menu items on the right side.
nav-right
nav bar with logo on the right side and menu items on the left side.
nav-left-all
nav bar with logo and menu items on the left side.
nav-right-all
nav bar with logo and menu items on the right side.
nav-center
nav bar with centered logo and menu items on the right side and the left side (centered navigation has different markup).
Was this article helpful to you? Yes No