Example Pretty Navigation

☰ Open Navigation Left

      
      
        // Pretty Sidenav Navigation Left
        new PrettySidenav({
          navigation: '.my-navigation-left',
          position: 'left',
          children: 'a',
          trigger: '.open-navigation-left',
          width: 250,
          background: '#34495e',
          color: '#fff'
        });

      
    

☰ Open Navigation Right

      
      
        // Pretty Sidenav Navigation Right
        new PrettySidenav({
          navigation: '.my-navigation-right',
          position: 'right',
          children: 'a',
          trigger: '.open-navigation-right',
          width: 250,
          background: '#1abc9c',
          color: '#fff'
        });