[Resolved] Left sidebar (stick with multiple menu)

Hi guys,

I’m trying to recreate a left sidebar like the following: https://brainstation.io/career-guides/web-developer

I have starting trying to create this but struggling to replicate exactly.

Essentially, it contains:

1. Set headings relating to either category/tag (‘The Basics’, ‘On the job’)
2. Below, is articles in that sit within that category. There are all drop down.
3. When clicking on an article, it then displays links to anchors / H2/H3 titles (I beleive this could be done via a ToC plugin)
4. It is a sticky navigation
5. The exact links and side bar changes depending on the lead cateorgy / silo.
6. On mobile, this menu minimises to an icon in the bottom right of the screen and expands to become a full page.
7. Depending on what page you are on, the blog article is highlighted.

I’m unsure to what extent this can be recreated using GP.

Where I have got to:

– Have created an Element with a block layout and able to replace the left sidebar widget with my design
– Have been able to use Ultimate Blocks to create an accordion drop down menu and manually insert links
– I can display the Element on the page I want, and will therefore need to create different Element menus for each category

Issues:

– I am unsure how to create a minimised menu into an icon for mobile, which then expands
– I do not know how to make the menu sticky
– I have created a very manual process which requires manually creating buttons/text links. Is there a way to do this automatically / using some for of nav? This would also mean the article the visitor is on will be highlighted. (I think perhaps this may require me adding a menu and applying CSS to fix the style?).

Hope this all makes sense.