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: "<nav class='menubar'><ul class='menu'></ul></nav>"
	    }
	},
	plugins: [ Simplemenu ]

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

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

That’s it!