Simplemenu

for Reveal.js

Menu on the bottom

You can place the menu on the bottom.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Setup

Add the HTML of your bottom bar to the barhtml footer option.

Reveal.initialize({
	//...
	simplemenu: {
	    barhtml: { 
	        header: "",
	        footer: "<div class='menubar'><ul class='menu'></ul></div>"
	    }
	},
	plugins: [ Simplemenu ]

You can include the slide number as well, like in this presentation.

Reveal.initialize({
	//...
	simplemenu: {
	    barhtml: { 
	        header: "",
	        footer: "<div class='menubar'><ul class='menu'></ul><div class='slide-number'></div></div>"
	    }
	},
	plugins: [ Simplemenu ]

That’s it!