Documentations: Skylith HTML

Side Navigation

 

HTML example:

Additional classes:

  • .nk-navbar-left-side – show on left side (if there is no another left side navigations);
  • .nk-navbar-right-side – show on right side (if there is no another right side navigations);
  • .nk-navbar-lg – large size;
  • .nk-navbar-overlay-content – show content dark overlay when opened navigation;
  • .nk-navbar-align-center – align items to center;
  • .nk-navbar-align-right – align items to right;
  • .nk-navbar-items-effect-1 – alternate items hover effect;
  • .nk-navbar-drop-effect-1 – dropdown effect 1;
  • .nk-navbar-drop-effect-2 – dropdown effect 2;
  • .nk-navbar-dark – dark color items;

Toggle button HTML example:

 

Was this helpful to you?