Skip to content

Add Menu to Impress.js presentation

I recently made a small presentation, using Impress.js which is a great tool.You can make presentations using HTML and Javascript. You can customise the result with your own CSS and you can take some great ideas from a list  of impress.js presentations.

When I completed my presentation, I wanted to make a menu, so I could add some links or some more infos about the presentation.  So I created a menu with a custom style.

<ul class="menu_button">
    <li><a href="link"><img src="home.png"></a></li>
    <li><a href="link"><img src="ergasia.png"></a></li>
    <li><a href="link"><img src="git.png"></a></li>

But when you click an icon, nothing happens. The way you can make it work is just by adding the following line at your css for the class of the menu. In my case it’s menu_button.

pointer-events: auto;

This will make your menu clickable and you will make it work perfectly!

If you want more infos you can take a look at my presentation or at the source.(it’s at Greek)

Was this post helpful?