Adding menu inside an article

Answered

Posted Oct 26, 2021

Is there a way to add floating or pop-up menu inside an article?

I'm making a longread article with manuals, it consists of several parts (12 by now), each with its heading. I already added a table of contents at the top of the article with clickable links. But I'd like to add some kind of a menu with those headings that would be visible somewhere on the sideway all the way while scrolling the article. So that user could see which part of the article he's reading now and could click on other heading to get to another part.

Maybe it's available in some theme or could be added to the theme by some part of code?

2 comments

Date

Tipene Hughes

Zendesk Developer Advocacy

Oct 29, 2021

Hey yupenyaz,

Thanks for reaching out and welcome to the Community!

While other members of the community may be able to chime in here with examples, I’m not personally aware of any themes that have the built-in functionality that you’re looking for. If that’s the case, you will need to add some custom code to the article files.

While this won’t work out of the box in your help center article, I’ve linked below an example of one way that you can achieve a menu like you described, using Javascript:

Codepen example

You’ll need to make a few tweaks to the handlebars files and CSS, but I hope this helps in giving you an idea of how you can achieve the desired layout and functionality.

Feel free to reach out with any questions!

Tipene