How to make sticky sidebar scrollable menu with CMS?

[ag12224 (Antonio Galinec)]

Hi guys,

I made a CMS with the content I want, it has 16 items, etc. Now I tried to make a sidebar menu as shown on this page Amazon's Leadership Principles, how do I make it? It is not clear to me how to make this left menu fixed and this right side move and the color of the link change when it comes to another link title, otherwise we want to do it all through the CMS that I made. How to connect left and right side?

Thank you!

[Stan (justAnotherDeveloper)]

HI @ag12224 functionality you are looking for is called Table of Content ( ToC ) if you will use keywords ToC webflow in your favourite search engine you will get many results. Here is one to start with.

[TUTORIAL] Dynamic Table of Contents on Webflow CMS (no plugins, automatic)

I am new to Webflow and having a dynamic ToC would be great, but I am missing something from this resource - I just cannot understand what are the steps to make it work. Adding the script is the easy part, but I don’t know what Elements I need to add and where the CSS classes go to generate the ToC for the articles. What am I missing from the article How to Create Dynamic Table of Contents on Webflow CMS

another way is to use search input field in this forum you can find in top left as this forum is great source of solved requests. Search have also advanced section to narrow down your search.

hope this will solve your request

[ag12224 (Antonio Galinec)]

Thank you. Also, I don’t know why my sidebar menu overrides all the sections above (here is my website - Culture).

[Stan (justAnotherDeveloper)]

Hi @ag12224 I will recommend to look into working examples you can find and spend some time to study these what is different compare to your approach. Without read-only is hard for anyone to give any accurate response. The best way is to follow Forum request guide that is pinned on top of each section topic.

When posting please:

1. Required: Share your project’s Read-Only link AND live site’s Published link

• The read-only link is a special url generated in the Dashboard to allow others to view your project in the Webflow Designer. How to get your project’s read-only link?
• The published link is the webflow.io subdomain where you can view the live site with custom code running. It is important to share this link, as custom code does not run in the Designer.

1. Upload as many screen shots/screen cast videos as possible to help others help you faster
2. Add a description and/or post a link to a working example of what you’re trying to achieve
3. Reply to users by tagging using the @ sign followed by their forum username like this: @Andrej_Wout