Basic requirement to add burger menu in Reveal.js

First things first, you need reveal.js-menu which you can download from 'https://github.com/denehyg/reveal.js-menu'. After the download is complete, copy all the repository including font-awesome folder, lib folder, menu.css and menu.js into the 'plugin' folder of your reveal.js presentation. eg: plugin/menu

Code Structure to add dependencies

Reveal.initialize({     
 dependencies: [       
  { src: 'plugin/menu/menu.js' }
 ],
 menu: {
  transitions: false,
  themes: false
 }
});

Code Structure to add slide title

<section data-menu-title="Custom Menu Title">
 <h1>Title</h1>
</section>

Author : Bibek

Share this

Related Posts