Hamburger menu

Uso

Copias el snippet HTML y ten en cuenta:

1. El elemento con la clase nkn-hamburger-menu es el contenedor padre del componente.
2. El elemento con la clase nkn-icon-toggle es el contenedor del ícono, este elemento debe tener el atributo data-nkn-role = “hamburger-toggle” para colapsar o mostrar el menu.
3. El elemento con la clase nkn-icon, da estilo al icono.
4. El elemento con la clase nkn-curtain crea el fondo del componente. Si desea editar la propiedad de color de fondo de este elemento revise la sección tema Unkuna.
5. El elemento con la clase nkn-hamburger-content es el contenedor del ícono que colapsa el componente y de los enlaces de navegación.
6. El elemento con la clase nkn-hamburger-content puede ir a la derecha o izquierda de la página dependiendo de si se le acompaña de la clase nkn-right o nkn-left.
7. El elemento con la clase nkn-icon-close acompañado de la clase nkn-close y el atributo data-nkn-role = “hamburger-toggle” tienen la función de colapsar el componente.
8. El elemento con la clase nkn-nav contiene a los enlaces de navegación.
9. En el elemento con la clase nkn-nav-item va el enlace de navegación.

Ejemplo

Snippet HTML